
Explore PhaserJS game development by building an isometric taxi game where you jump to avoid obstacles, while implementing animations, sound effects, random buildings, and performance monitoring.
In this getting started lesson for PhaserJS game development, build a taxi-style game called cataplexy where clicking makes the taxi jump over obstacles as the score rises and difficulty increases.
Generate and render isometric tiles, move them along a 26.55-degree angle using cosine and sine, and adjust speed while destroying offscreen tiles for performance.
Calculate the taxi's road position along the hypotenuse using adjacent, opposite, and alpha in radians, and trigger jumps with touch input and jump speed.
Preload obstacle assets, generate and render obstacles on the road, and implement hit testing with distance calculations to trigger game over when the taxi collides, turning red on hit.
Implement a game over reset by tweening the taxi, showing a game over graphic, and adding a reset function to restart with updated variables.
Add a score counter using a sprite sheet of numbers packed in a spreadsheet with texture packer, loaded via atlas json, to keep digits centered and wiggle on score increases.
Create a layer-based tile system in PhaserJS, refactor tiles to hold layer objects, move sprites within layers, and generate decorative greens like random tree-filled strips.
Learn to generate dynamic buildings in a PhaserJS game by preloading assets, defining a building class, and randomizing floors, colors, and window variations for varied looks.
polish your phaserjs game with a logo, tap-to-start, blinking prompts, and a black game-over overlay plus a replay button, while pre-loading assets and sounds and generating level tiles.
Lead instructor at codecaptain.io, Sabatino Masala will teach you how to create an entire game in one of the hottest HTML5 game development framework called PhaserJS.
PhaserJS is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
This framework is the go-to HTML5 game development framework nowadays and in this course we'll explore the many aspects of Phaser, by creating a qualitative game called TapTapTaxi.
Sabatino trained over 900 students in person and improved his teaching approach over the years so students could strengthen their programming skills in an effective and fun course.
2016 marks his 10th year of being a game developer and over the years he released over 27 games, 18 of which reached over 1 million unique players!
All that attention didn't go unnoticed, because recently, one of the biggest companies in the gaming industry reached out to him, and that company was Nintendo. They made him a certified Nintendo developer, so you can rest assured you're in the right hands for learning a thing or two about game development.
This course is meant for students with some prior experience in webdevelopment and want to start learning game development in HTML5. This course will provide the source of every step in the lectures, so no need to worry when you're stuck somewhere!
All the assets will be provided and you're free to use them in any other project.
What will I learn in this course?