PhaserJS Game Tutorial: Build Asteroids

Опубликовано: 05 Август 2026
на канале: Wazoo Web Bytes
2,538
76

In this guide you'll learn how to make a simple Asteroids game from scratch, using Vite, Phaser & JavaScript.

👉👉Grab the Code on Github!
https://github.com/wazooinc/phaser-me...

🔗Grab My Other Products Available on Gumroad:
Prepare Your System to Make Web Games with Phaser
https://wazoowebbytes.gumroad.com/l/g...

Build Your First Web Service API Using Java Spring Boot https://wazoowebbytes.gumroad.com/l/x...

👋🏻Connect with me:
Twitter:   / eyuzwa  

🔗References:
Kenny Space Shooter Redux Assets: https://www.kenney.nl/assets/space-sh...
PhaserJS: https://phaser.io/

📖I'm also going through the Bible over at @BibleTimeWithWazoo

===---=== Chapters ===---===
0:00:00 - Introduction
0:00:10 - Meteor Swarm Demo
0:01:03 - Confirming Node and NPM
0:01:41 - Create Vite Project
0:02:55 - Open Project in VS Code
0:03:55 - Running Local Dev Server
0:04:31 - The Phaser Entry Point
0:06:49 - Phaser Scene Management
0:08:00 - The LoadingScene
0:14:07 - Adding MainMenuScene
0:17:00 - Handling Keyboard Input
0:18:30 - Adding the PlayScene
0:19:04 - Adding the Player image
0:21:20 - Rotate Player via Keyboard Arrows
0:23:09 - Forward Velocity with Up Arrow
0:26:23 - Adding a Score Label
0:28:20 - Adding a Meteor Entity
0:33:15 - Adding motion to Meteor
0:39:00 - World boundary collision handling for Meteor
0:40:27 - Adding a Laser Entity
0:45:18 - Handling Laser and Meteor Collisions
0:48:55 - Adding a GameOverScene

#phaser #gamedev