Начальная точка для игры в горизонтальном беге

Question

Мне было интересно, может ли кто-нибудь указать мне в направлении отправной точки для создания игры, такой как run field или аналогичной, как способ изучения HTML 5 (CSS3).Я немного поиграл с элементами графического интерфейса, но мне интересна интерактивная анимация, как указано выше.

Answer 1

Проверьте список игровых движков JavaScript . Там вы можете найти что-то подходящее вашим целям.

Answer 2

1. Выясните, какой должна быть игра (в явном виде).
   • Нарисуйте несколько плоскостей изображений, прокручивающихся с разной скоростью, вместе с анимированным спрайтом.
   • Удерживайте персонажа на земле.
   • У персонажа должен быть прыжок на основевзаимодействие мыши и клавиатуры.
   • Имейте персонажа и падайте под действием силы тяжести, приземляясь на землю.
   • Узнайте, когда персонаж падает в яму или попадает в стену.
2. Выясните, что вам нужно сделать для этого.
   • Рисование мозаичных изображений.
   • Отслеживание смещений изображений.
   • Создание генератора уровней.
   • Выполните какое-либо обнаружение попаданий, чтобы персонаж оставался включенным.
   • Используйте физику или простое уравнение для гравитации.
   • Используйте обработку событий для отслеживания ввода с клавиатуры / мыши.
   • Напишите игровой цикл, выполняющий анимацию.
3. Попытайтесь реализовать это самостоятельно.
4. Задавайте конкретные, подробные, целевые вопросы, когда вы застряли.

Это может звучать как глупый ответ, но я веду себя серьезно.Действительно общий вопрос о том, «как мне решить эту огромную проблему», требует, чтобы вы проанализировали ее и разбили ее на все более мелкие куски, пока они не станут размерами укуса и не будут выполнимыми.

Имея хорошее понимание возможностейвашей платформы разработки поможет вашему мозгу выполнять поиск пути, выясняя, как добраться от вашей цели до конечной реализации.

Answer 3

вот ссылки, которые я использую для изучения холста:

1. Руководство (только эта глава мне была интересна)
2. anпример с его исходным кодом

После прочтения краткого руководства я предлагаю вам работать только с примерами исходного кода и поиском определенных вещей.Это быстро, и вы увидите, что большую часть времени вы работаете над своим собственным кодом, таким образом создавая что-то, чтобы показать себя и получить необходимый опыт с Canvas API.