Phaser Games and Tutorials
My latest Phaser Tutorials
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 there are too many to display with buttons or other graphics. This project builds on the code written in the other 2 blog post of this series. Adding input text and adding HTML buttons. Adding the drop down to the html First let's add a ...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. I needed to know the container size, so I could line things up properly and found that the width wasn't set. Here is an example of what I mean. First let's start by preloading some images, and placing them on the stage and adding them ...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 UI designers who don't understand the difference between canvas and non-canvas design. Adding the buttons Building on the first part of this series, I've added two HTML form buttons in the HTML with the ids of 'btnSend' and 'btnCancel'. I've also added some bootstrap classes ...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 send chats to each other, but this needed much more space. Could I accomplish my project's goals without having to totally rewrite a text field, dropdowns, and other form elements ? Then I remembered in Phaser 2 we did have an input field that was ...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 the choice between Flash ActionScript 2 or 3. I'll discuss Phaser 3 vs Phaser 2 in this post, and I'm including Phaser CE as part of Phaser 2, as I believe the arguments made apply to all past versions. If you are looking for the ...Read More
Create and Publish HTML5 Games in 24 Hours This is an excerpt from my new book which you can find here on Amazon Is it possible to publish games in 24 hours? Yes. You can do it in less. I don't do it every single day but with some planning and some of the techniques that I'll show you in this book, it is possible to do. I can start about 7 and publish the game sometime in the early evening. There are many times for employers where I had to come up and finish the game overnight. The core ...Read More
New To Phaser Development?
Take the Phaser Basics Mini-Course
My name is William Clarkson. I’ve been writing code for about 30 years now and am currently employed as a game developer for Gaiaonline.com where I am writing Phaser games and apps every day. I’ve been working with Phaser for almost 2 years now and am quite impressed with it. I am actively working to replace a lot of the flash work I did in the last 6 years with Html5 content and this is the library that is working well for me. Within two weeks of starting Phaser, I was creating games just as fast as I had done after 15 years of flash!
What would you like to learn?
If you have questions, a suggestion for what you’d like to see in a post or need support there are links to groups, or just feel free to contact me. I love talking about code especially when it comes to games. If you are into making Phaser Games already then please check out our Phaser Game makers group.
Recently Phaser 3 was released. I am scrambling to update the site with resources while balancing my day job. You’ll find plenty of Phaser CE items here, and the list for Phaser 3 will continue to grow as time goes on. If you’ve any specific requests about Phaser please contact me, and I’ll do my best to accommodate.