ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- Всем привет! Начинаем серию роликов в которых сделаем небольшой учебный проект, клон игры Contra.
Разберём как без игрового движка (но с фреймворком визуализации PixiJS) создать платформер в котором можно бегать, прыгать, стрелять, генерировать врагов и боссов и т.д.
Ссылка на гитхаб: github.com/rablv/contra/tree/...
0:00 Вступление
0:57 Почему JavaScript
1:25 Немного о редакторе VS Code
1:56 Создаём проект
2:50 Скачиваем PixiJS
3:40 Создаём html-страничку
4:40 Начинаем писать код
12:08 Создаём героя и платформу
17:48 Добавляем гравитацию
23:19 Подробно о пересечении прямоугольников
28:15 Столкновения по вертикали
38:00 Столкновения по горизонтали
43:00 Улучшаем гравитацию
46:44 Заканчиваем
Часть 2: • Пишем игру в стиле Con...
Ссылка на плейлист: • Пишем игру в стиле Con...
Друг, как же долго именно тебя я ждал!!! списибо за то что ты есть, буду ждать новые видео.
спасибо что правку сделал для того что ыб подробнее объяснить про колизии
Мужик, ты круче всех 👍
Спасибо. После контры предлагаю запилить battletoads double dragon :)
Вот это человек постарался!))
Такие видео вдохновляют)
Уникальный Контент! Иван Спасибо!
Готовлю новый проект, не пропустите 😉
Ждём :)
👍👍👍 продолжай друг
супер!
Мне, как школьнику, довольно интересно, про js практически ничего не знаю, думаю хватит терпения все просмотреть)
F12 в браузере, открывай консоль и пробуйся. Так многие начинают. Задавайся вопросом, что мне писать, так и станешь разрабом.
Спасибо
У этого канала преступно мало подписчиков, срочно исправляем
Мне кажется, код на гитхабе лучше выкладывать по частям. Конечно, лучше для понимания не просто копипастить оттуда, но всё равно рано или поздно его придётся выложить, когда проект будет закончен, чтобы кто-то только правки вносил какие-то свои :)
Да, наверное надо бы выложить)
20:40 - первая ошибка, гравитация это движок, его надо было изначально программировать как отдельный класс, и монтировать методы этого класса в объекты которые используют гравитацию. Как пример: this.gravity = new Gravity(this), и потом проверяешь если у любого из объектов есть gravity то сначало применяем gravity.
31:00 коллизии (столкновения) это так-же engine, по факту так-же монтируются в объекты, у которых они есть..
Ну вот видео досмотрел, ну что я могу сказать. Из важных моментов, грузи весь объект map то-есть массив всех всех объектов карты сразу. У них просто может быть некое свойство outofscene которое говорит что рисовать их не нужно, что особо важно, создай им всем заранее eventloop то-есть что-бы они могли реагировать на что либо происходящее например объект игрок может реагировать на нажатие кнопок это тоже по сути свой объект у которого можно прочитать значение нажатой кнопки или то что игрок тыкнул в тачскрин. Сейчас получается что ты читаешь кнопку WSAD, а будешь портировать на телефон, будет много боли и слез... А ты будешь портировать на телефон - потому что 80% игроков именно мобильные, я смотрю это видео с телефона. Я бы советовал ознакомится с движком пиксия на реализацию уже готовых решений, возможно на гитхабе уже реализовали все нужные тебе движки. Я очень давно писал Gladiators 3d, там больше половины проекта скаченные нечто из которого мы использовали 10-20% функционала, когда завалились игроки, тогда выпиливали ненужное и оптимизировали нужное. А еще помни что ты пишешь на JS. За что Я - старый пень полюбил этот язык - это за то что все все все объекты мутабельные и даже после конструктора, ты можешь менять все его свойства целиком. А еще за бесконечные цепочки middleware и hooks. Даже если функция move у игрока не доступна или глупо работает, ты всегда можешь её отпатчить - что конечно и костыль, но блин рождает куча полезных функций, например замутить 1 отдельный уровень с двойной гравитацией, или с отрицательной гравитацией - да без проблем, как 2 пальца об асфальт. 😂😂😂
Вообщем будь креативным! Буду ждать видео с продолжением проекта!
@@eugenex8892 спасибо за отзыв)
подтягивайте версию PIXI из туториала, 7.2.0. от греха подальше
spasibo, a mojno sdelat 3d igr na js
не, планов на 3d нет