Phaser Tutorial | Make Your First 2D JavaScript Game
Whoa! Have you tried Phaser? Phaser is an HTML5 game development framework. It can be pretty tricky to get started with, but once you understand some basic principles you can really create some nifty projects. In this tutorial, you will build "Apple Catcher" a 2D game where you collect apples in a basket falling from the "Sky Tree." By learning through practice you will discover how to implement sprites, music, particle systems, and more with Phaser!
Let's Get Started!
Tutorial Chapters
0:00 Introduction
0:26 Local Setup
1:03 Clean Up Vite Files
1:27 Github Assets
1:40 HTML Setup
2:10 CSS Setup
3:33 Javascript Setup
5:21 Adding Physics to Scene
6:24 Creating Phaser Scene
6:52 Adding Background Images
8:02 Adding Player Sprite
9:46 Player Controls
11:03 Adding Target
12:06 Random Spawning
12:30 Collision Detection
13:25 Updating Hitbox Size
14:00 Game UI
15:13 Creating a Timer
16:15 Adding Music/SFX
17:13 Particles Systems
19:04 Start/End Screen Setup
20:58 Win/Lose State
22:32 Outro
GitHub Starter Files: https://github.com/digitaldeja0/Phaser-Apple-Catcher-Starter
Music Credits: Chill Abstract by Coma-Media
Music Source: https://pixabay.com/music/upbeat-chill-abstract-intention-12099/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Phaser Tutorial | Make Your First 2D JavaScript Game», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.