In the last post, I showed how you can use gravity and velocity together to make a sprite jump. In this post, we will add a jump meter to the project to show the user just how much power they will use. This project uses the Utility Template. Making the meter image The first thing […]
Make a Jump Meter in Phaser 3 Read More »
In last week’s post, we explored how to use gravity in Phaser 3. Now we will defy that gravity and make the ball jump. We can do this by setting the velocity of the ball to counteract the gravity. So far in the code, we’ve set up a ball that falls until it collides against
How to Jump In Phaser 3 Read More »
Making objects hit the ground One of the great things about Phaser is the physics engines that you can use with it. In this post, I’ll show you how to use gravity on an an object. I’ll be using the Utility template to set this up. Although we don’t need any of the features for
Using Gravity in Phaser 3 Read More »
How to extend a sprite in Phaser 3 Sometimes just adding a sprite into a game is enough. Other times it is very useful to extend a sprite. Why? Being able to do this will let us get super organized. That allows us to build games faster and better. We can make complex classes that
Extend a sprite in Phaser 3 Read More »
In this final part of my series of Phaser Form UI, we will look at adding drop downs to the form. I originally came up with this for adding a form to report abuse in a virtual world. It can also be useful for choosing a range of options when starting a game, especially if
Drop Downs – Form UI part 3 Read More »
How do you get the height and width of a container? If you’ve been playing around with Phaser 3 containers for a while, and are accustomed to using Phaser 2 groups, you may notice some familiar things missing. A few months ago I added some sprites to a container for building some user interface components.
Phaser 3 Container Size – Get Height and Width Read More »
Why use HTML buttons in Phaser 3? Normally I use images for buttons in Phaser, but if I’m using other form elements, like input text, sometimes it makes sense to use HTML buttons. It also allows me to use CSS styles on the buttons. This can be important because many times I’m handed designs by
HTML Buttons in Phaser 3 – Form Ui Part 2 Read More »
Phaser 3 Input Text About a month ago I needed to find a way to implement a Phaser 3 input text field. This was due to needing to put a form into a Phaser 3 virtual world project I was working on. I had already placed an input element below the canvas for users to
Phaser 3 Input Text – Form Ui- Part 1 Read More »
Things in life change. Changes are never easy. But sometimes they are worth it. I have been asked “Should I learn Phaser 3 or Phaser 2?” so often, it is easier just to write a blog post about it and give out the link. Many of us have gone through this choice before when facing
5 Reasons you should be learning Phaser 3 Read More »
Phaser Containers Alternative As a developer for a gaming company that has a lot of feedback from its users I understand that people can get very passionate about the features that they’re used to having. I’m afraid I was a victim of that passion about a week ago when I saw this notice from Richard
Ui Blocks-A lightweight alternate to containers Read More »