May 2017 - Phaser Games

How to add An Image In Phaser

Leave a Comment / Phaser Basics / William

Deprecated: Automatic conversion of false to array is deprecated in /home/wcc1969/public_html/phasergames.com/wp-content/plugins/publitio-offloading/includes/class-publitio-offloading.php on line 577

One of the first things I am is asked by developers learning phaser is How to add an image in phaser. It is really easy, and a two-step process, loading the image into the library and then placing it on stage. I’ve stretched it out here to a 4 step process for the absolute beginner. […]

How to add An Image In Phaser Read More »

Simon Game – 1 Hour Game – Phaser

Complex Objects – Phaser

Leave a Comment / Javascript, Phaser Intermediate / William

Most of the time when we are writing games in Phaser we are using simple objects like a sprite, text, or a button. I really enjoy writing in Phaser, but sometimes I miss when I use to make flash games and I could create a lot of different elements within a class. While I can

Complex Objects – Phaser Read More »

Making Missiles in Phaser

Leave a Comment / Games, Phaser Advanced / William

In this video, we look at how to make and shoot missiles in Phaser with only 23 lines of code! The basic idea is to create a sprite, the missile, inside of a group. We place the sprite at the x position of the mouse and the y position below the height of the game.

Making Missiles in Phaser Read More »

Phaser game.input.onUp event firing twice!

Sprite Characters with Keyboard Control

Leave a Comment / Games, Phaser Intermediate / William

This is a project I made in response to a request on youtube to show how to make an animated sprite controlled by the keyboard. We can do this with just a few steps. 1. load the image 2. set up the animations 3. detect keyboard presses 4. change the robot’s position 5. adjust the

Sprite Characters with Keyboard Control Read More »

Generate a random string in Javascript/Phaser

Get the angle between 2 objects in Phaser

Leave a Comment / Phaser Advanced / William

Something that has been very useful for me lately is to be able to get the angle between two objects or get the angle between the mouse and a central character. For example in a game with a spaceship where you want to click and fire, you need to know the angle to be able

Get the angle between 2 objects in Phaser Read More »

Faking a Swipe in Phaser

2 Comments / Phaser Intermediate / William

One of the advantages native programs like Java for Android or Swift for IOS has over web languages like HTML5 is having built-in detection for detecting swiping. But with a little bit of coding, we can detect the actions of a swipe. For that, we need to break down the action of a swipe The

Faking a Swipe in Phaser Read More »

Adding a Toast Message in Phaser

Leave a Comment / Phaser Advanced / William

A toast message is a text message that fades in and out. It is named a toast message because it is similar to someone raising a glass, making a toast and then lowering the glass again. It gets your attention without interrupting the experience. Here is an example The Code var StateMain = { preload:

Adding a Toast Message in Phaser Read More »