Phaser 3 Course — Website Game Development

Tajammal Maqbool
2 min readMar 2, 2024

--

Dive into the exciting world of web-based game development with our extensive Phaser 3 course.

Whether you’re a beginner eager to learn the basics of JavaScript and game development, or an experienced developer looking to expand your skill set, this course offers a deep dive into the world of Phaser 3, one of the most popular and powerful frameworks for creating games on the web.

Phaser Course — Website game development
Phaser Course — Website game development

Over 18 detailed lectures, we’ll guide you through the essentials of setting up your development environment, mastering the basics of JavaScript, and exploring the rich features of Phaser 3. You’ll learn how to draw graphics, manipulate game objects, handle events, and create compelling animations. We’ll also cover advanced topics like physics, collision detection, audio effects, and lighting, ensuring you have a solid foundation to create visually stunning and interactive games.

Playlist Overview:
1. Intro: An overview of Phaser 3 and what you’ll learn in this course.

Lecture 01 — Introduction to Phaser 3

2. Setup: Get your development environment ready and install Phaser 3.

Lecture 02 — Setup in Phaser 3

3. Basics of JS: A quick primer on JavaScript essentials for Phaser development.

Lecture 03 — Basics of JS

4. Graphics Drawing: Learn to draw shapes and custom graphics.

Lecture 04 — Graphic Drawing in Phaser 3

5. Game Objects: Dive into images, sprites, and other Phaser game objects.

Lecture 05 — Game Objects in Phaser 3

6. Events: Handling user input and game events.

Lecture 06 — Events in Phaser 3

7. Animations: Create smooth animations, sprite animations, and tweens.

Lecture 07 — Animation in Phaser 3

8. Spritesheet and Texture Atlases: Efficiently manage your game assets.

Lecture 08 — Spritesheet and Texture Atlas in Phaser 3

9. States and Scenes: Organize your game with Phaser’s scene management.

Lecture 09 — States and Scenes in Phaser 3

10. Camera: Master camera controls for dynamic game experiences.

Lecture 10 — Camera in Phaser 3

11. Physics and Collision Detection: Implement physics for realistic movements and interactions.
12. Audio and Sound Effects: Add audio to bring your game to life.
13. 2D Lights: Enhance your game’s visuals with 2D lighting effects.
14. Particles: Create stunning visual effects with particles.
15. In-Game UI: Design and implement user interfaces within your game.
16. Project 1: Apply what you’ve learned in a comprehensive project.
17. Project 2: Take your skills further with an intermediate-level project.
18. Project 3: Showcase advanced techniques in a complex game project.

Each lecture is packed with practical examples and exercises designed to help you apply what you’ve learned immediately. By the end of this course, you’ll have the knowledge and hands-on experience to create your own web-based games using Phaser 3.

Join us on this journey to unleash your creativity and bring your game ideas to life. Subscribe to our channel and start your game development adventure today!

Checkout the PlayList with all lectures (All lectures in URDU/HINDI)

Playlist for all Lectures

Conclusion:

Join us today to learn about the game development using Phaser. Do not miss this great opportunity for learning the game development with me. Subscribe the channel and like the videos.
Read more about me from here: https://tajammalmaqbool.com

Thanks!!! Happy Coding!!!

--

--

Tajammal Maqbool

I have been a Website & Game Developer since 2020. I graduated in Computer Science from UET Lahore. Passionate about sharing my programming knowledge!!!!