Whether you're completely new to coding or just looking for a friendly introduction to Phaser you're in the right place. This tutorial will guide you from absolute beginner to a somewhat confident creator in no time using Phaser Launcher.

This quick 5 minute video covers:

  • Project Setup and Configuration: This main topic covers opening the Phaser Launcher, creating a new project using a template, defining a project name and folder, and adjusting the game's basic dimensions (width and height) in the project configuration and core JavaScript files
  • Asset Management: This process includes easily adding game asset files by dragging and dropping them into the asset folder via the Phaser Launcher, sorting and configuring them within the preloader function, and loading and displaying them in the game scene, such as adding a sky background image
  • Building the Game World and Player: This phase focuses on constructing the game environment by adding interactive platforms for characters to stand on and integrating the main character, the player sprite, into the game by creating dedicated files and adding initial code
  • Implementing Player Interaction: Key steps here involve adding code to enable player movement controls, incorporating basic animations for the player sprite, setting up collision detection so the player interacts realistically with platforms, and using game loop updates to handle user input
  • Adding Game Elements: This expands the game by introducing additional interactive items: collectible stars for the player to gather and bombs that serve as obstacles to avoid
  • Implementing Game Logic: This section details establishing a scoring system to track points obtained from collecting items and implementing functions that define the consequences of player actions, such as collecting a star (updating the score, potentially triggering bomb release) or hitting a bomb (stopping the game)
  • Further Learning and Support: Beyond the core tutorial, resources are highlighted for continued development, including accessing more tutorials on the Phaser website, joining an amazing Discord server for community support, and following official channels for updates and sharing projects

Watch The Tutorial