В этом видео (Таймлапс) я создаю небольшую 2D игру на чистом JavaScript ES5 без использования фреймворков и библиотек.
Исходный код игры Elven Scout с ресурсами: https://vk.com/webgirlkristina?w=wall497728935_67%2Fall
♡ Где меня найти?!
Instagram: https://www.instagram.com/webgirlkristina
Twitter: https://twitter.com/WebgirlKristina
VK: https://vk.com/webgirlkristina
FB: https://www.facebook.com/webgirlkristina
Сотрудничество/collaboration: webgirlkristina@gmail.com
Игра Elven Scout:
1. Настройка webpack и babel.: https://youtu.be/vO240aVy1Y4
2. Игровой цикл, основная структура.: https://youtu.be/iMsUahd188Y
3. Создание графики.: https://youtu.be/r6F7WafrvTE
Фоновая музыка/Background Music: “Let Me In” by Alex Stoner (https://taketones.com/track/let-me-in)
Licensed under Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)
License https://taketones.com/license/1
#gamedev #2dgame #javascript #html5 #canvas
Original source
34 responses to “Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс)”
Вся сложность заключается в продумывании архитектуры. Исходный код проанализировал. Логика понятна, но повторить пока не решаюсь, и всё из-за архитектуры. Не получается в голове чётко её выстроить. А вот уроков о том, как выстроить её на бумаге, пока не встречал. Из-за этой проблемы долго не решался написать тетрис.
Очень интересно было посмотреть на процесс создания игры. Классное видео!
Круто, у меня есть "желание – мечта" сделать свою браузерку – простенькую игру квест, цель есть, желание сделать есть, желания изучать нет, потому что меня тошнит от того как у меня это долго выходит, нет никакого терпения и усердия, и у меня вопрос, как при таком арсенале противодействия заставить себя научиться программировать хоть на чём-нибудь, хоть самое простое, чтобы уже хоть что-то начало двигать вперёд, а не сидеть со своими мечтами в обнимку и придумывать новые?
Ты работаешь с графикой из под линукса? Как такое возможно в веб разработке?
фуллстек девчонка. моя жизнь не будет прежней…
это вау это вау это вау !!!!! молодец девочка. пойдет далеко.
Ебать если бы не причесон то норм девушка была бы
Nice vid i see theres alot of sub-human russian retards and fuck-ups attacking you for being a female in the comments nothing new sadly you should come to the U.S or UK and make games you will get a job with someone easy for making games and maybe help you learn new stuff too also you should try some games that lets you make maps and other stuff like for eg skyrims tool kit if you have steam you can find lots of stuff like this. keep it up pal dont let the russian retards pull you down…
Очень странно в закате 18-го ограничивать себя ES5 – ES6 свободно можно использовать сегодня же:)
А вот про написание на чистом JS без библиотек – никаких претензий – это тема:)
P.S. а теперь на WebAssembly 🙂
Никогда не относился к девушкам кодерам-программистам нормально.
Сколько на это ушло живого времени?
Реакция до команды this.map{
0;0;0…и т.д
}
"Нет,не,совсем не страшно"
После
Как наркоман долбишься со словами
"АЙ БЛЯАААТЬ"
Какая хорошая девушка. Умничка.
3:35 страшна, вырубай
Блин, очень даже классно, а я все еще в блакнотиках делаю кодинг…
Like! Будет ли работа с платными редакторами?
Зачет, круто.Удивился когда увидел девушку в геймдеве.
Орки хорошие. Не надо убивать орков.
Сколько дней думала над кодингом ? XD
ПОДПИСКА!
Выходи за меня!)
Прошу прощения, о милейшая, но ето же чистой воды спланированное убийство! ..но я подписался, понравилось! 🙂
Как насчёт процедурной генерации уровней? И, пожалуйста, фуллскрин
Ого, ты ещё и в Гимпе рисуешь?! За это уважуха. Очень нестандартное решение.
Выходи за меня!
Девушка программист 😍😍😍😍😍😍😍😍😍😍😍😍😍😍
Господи. Я нашёл тебя! Выходи за меня!!!
Оце контент. Каеф. Творческих успехов вам
Блет,бесит,когда кто-то умеет что-то чего не умеешь ты,но и мотивирует,могёшь,удачи тебе )
Великолепно!!!
Я не фига ни чего не понял , но было интересно )
Прекрасно , ноут не от Apple.
Проект замечательный, но от озвучки уснуть можно – эмоций в голосе вообще никаких 🙁
Прикольно!