Making Games With Phaser 2.X

Master keyboard shortcuts in brackets to save, copy, cut, paste, search, replace across files, and navigate lines, boosting efficiency in Phaser 2.x game development.

Open a browser, preferably Chrome, go to Replicate, select JavaScript, and write console.log to print hello world, learning debugging and basic output in JavaScript through your first line of code.

Learn how to add clear comments in Phaser 2.x code, using // for single lines and /* */ for multi-line notes. Commenting helps you understand your code, especially in teams.

Explore how spacing affects JavaScript syntax, focusing on reserved words like var and function. Learn that spaces matter around reserved words but not around operators, with examples.

Learn how to use JavaScript math operators in the console, including addition, subtraction, multiplication, division, modulus, and parentheses, along with string concatenation rules.

Learn how comparison operators return true or false and apply equals, not equals, and strict equality, with examples using numbers and strings, often inside while loops and if statements.

Learn JavaScript variables, including numbers, booleans, and strings using var and semicolons, with naming, concatenation, reassignment, and null or undefined distinctions.

Explore arrays and objects in JavaScript, using brackets and dot notation to access elements by index starting at zero and to retrieve properties, and understand how objects store character data.

Explore booleans and comparison operators to drive if, else if, and else statements, and learn how true or false conditions control code execution and order by specificity.

Demonstrates for loops with an initializer, a stop condition i < 10, and increments like i++ or i += 2, while also explaining while loops for unknown iterations.

Learn to iterate through arrays using a for loop, length, and a for each/foreach loop, and to iterate through objects with a for in loop and bracket or dot notation.

Learn how to define and call functions and methods in JavaScript, pass arguments, return values, and understand scope from local to global, with object methods and array iteration.

Explore Chrome developer tools to inspect pages and debug with the console, compare it to REPL, and use shift+enter for new lines offline.

Learn regular expressions and how to apply them in JavaScript to search strings, using match and test, and the global modifier to find multiple occurrences.

Learn how to use map, reduce, and filter to modify arrays with anonymous callback functions, transforming each element, reducing values, and filtering those greater than five.

Explore how the this keyword references the current context and how it behaves in object methods, and how the new keyword and constructor functions create a new object instance.

Master practical JavaScript tricks for handling quotes with escape characters, using the ternary operator, accessing string characters with bracket notation, and extending objects with prototypes and constructors.

Discover how to set up a phaser 2.x game boiler plate, including brackets installation, phaser download, and a basic web page with a game state using preload, create, and update.

Save your code online by creating a GitHub repository, then use the terminal to initialize git, add, commit, and push to the remote.

Learn how Phaser loads images in preload, sets initial values in create, and updates frames in update roughly 60 times a second to move sprites with arrow keys.

Create states 0 through 9 in Phaser 2.x by duplicating and renaming state files, assigning unique background colors, and switching states with game state start and console logs.

Learn to switch between phasor states using a centralized change-state function and reusable key callbacks with event listeners for keyboard keys 0–9, plus state-specific debugging tips to visualize transitions.

Navigate to your phasor demo project directory, stage all changes, commit with a message, and push to your GitHub repository.

Use scale manager in phaser to resize game, exploring show all, exact fit, no scale, or user scale modes; set world to 1300 by 1000 to reduce blur.

Identify how the page margin creates horizontal scrolling and fix it by creating a main.css, linking it in HTML, and setting the universal selector margin to 0.

State zero in Phaser 2.x adds a movable sprite with arrow-key controls and walking animation, loads the image from assets, centers it, and uses a camera dead zone.

Add a tree background, enable camera follow with a dead zone, and apply arcade physics to keep the player within bounds while loading and scaling assets in Phaser 2.x.

Add a sprite sheet walk animation to the Adam image using frames from a spreadsheet, playing at 14 fps and looping; stop when idle and reset to frame zero.

Create a 32x32 orthogonal tile map in Phaser 2.x with the tiled map editor, including grass and rocks, stacking layers, and collision logging, then export as JSON in CXXVI format.

Add the town tile map by loading its JSON file from the tile maps folder, load grass and rock tile set images, and create the map layers with proper order.

Add a character to state one, enable arcade physics, and use velocity driven by cursor input to collide with rock and grass tiles on the tile map.

Implement state 2 by building an auto firing cannon that shoots bullets toward the pointer, using a Phaser group, arcade physics, and fire rate control.

Add enemies and enable physics so bullets can collide with them. Detect overlaps using arcade physics, then kill both the bullet and the enemy, and manage enemies with a group.

In stage 3, add three buttons that switch to states 1 or 2, apply press and release tint, and play low and high sounds from a shared audio file.

master tweens in phaser 2.x by animating sprite properties over time with configurable duration and easing, including auto start, delays, repeats, yoyo, and from/to options to visualize motion.

This lesson shows how to implement gravity and acceleration in a Phaser 2.x platformer, enabling physics on a character, applying gravity, horizontal acceleration, drag, and collisions with immovable platforms.

Learn to create a volcano eruption using Phaser 2.x time events and a particle emitter. Control the eruption with a two-second delay and a 500-millisecond loop to toggle the emitter.

Explore state 7 of making games with phaser 2.x, implementing touch screen swipes to determine horizontal or vertical directions and rotate an arrow accordingly.

Learn to add text in Phaser 2.x, create a typing-out effect, manage line wrapping, and stop the loop when the sentence finishes, using font size, fill, and width parameters.

Explore how to use Google fonts in a Phaser 2.x game by loading web fonts, configuring webfontconfig, and applying different fonts, sizes, colors, and display speed to text.

Build a real-time high score system with Firebase, displaying the top 10 scores, syncing updates across windows, and handling read/write with value callbacks and text rendering.

Add two buttons to simulate sending scores to firebase and clear high scores; re-render text and update a real-time high-score array sorted top to bottom, limited to 10.

Update the state 9 segment of the Phaser 2.x demo to the latest Firebase version, configuring the database, rules, and web setup to publish simulated high scores.