Angular 2 Ionic 2

Ionic First Look Series: Angular Concepts & Syntax

With the introduction of the new versions of the Ionic framework, and the Angular framework that it is built on top of, we are able to make apps that perform better on mobile, adhere to the latest web standards, are scalable, reusable, modular, and so on. As always, we continue to use the web tech […]

Phaser Word Matching Game

Part 1: Building a Word Search Game in HTML5 with Phaser

Puzzle games are all the rage on the mobile app stores, with the most notable being the absolute giant that is Candy Crush. Puzzle games are usually pretty casual games, but they have mass appeal right through from the most hardcore gamers to your friends mother who doesn’t know how to send emails. I recently […]

Josh Morony

HTML5 Mobile Podcast Episode 01

This is the first episode of a new podcast I’ll be running about HTML5 mobile development. I provide some more detail about what exactly this is all about and what you can expect in future episodes in the podcast, but in general it will be all about covering the new and exciting things that are […]

P2 Physics Game

Can you use P2 Physics with Phaser on Mobile?

Recently I finished writing a tutorial for CodeAndWeb which featured using the P2 Physics system in Phaser with their Physics Editor program. In the tutorial I built a simple game that involved some rope swinging and a whole bunch of enemies with complex hit areas. I’ll provide a link to that tutorial here when it […]

AngularJS

What’s the Difference Between Ionic and AngularJS?

If you’re familiar with Ionic and Angular and the roles they play then the question posed in the title probably sounds a bit silly, but I quite often see questions like: “Is PhoneGap better than Ionic?” which don’t really make a lot of sense. PhoneGap and Ionic serve two completely different roles – Ionic is […]

Atlas Animations

How to Create Animations in Phaser with a Texture Atlas

In a previous tutorial I’ve shown you how to create an animated sprite with a spritesheet in Phaser. In this tutorial I’m going to show you how to use something called a texture atlas instead. Here’s an animation I created recently for a game I’m building using a texture atlas: I’m going to jump right […]

CSS Animations

How to Create Animations with CSS in Ionic 1.x

Animations are one of the little details that can make an average mobile app outstanding. You need to be careful with animations though, especially with HTML5 based mobile applications, as they can perform poorly if not done correctly and make your appear amateurish. I’ve touched on this subject before when discussing how to make high […]

Phaser Climber Game

How to Create an Infinite Climbing Game in Phaser

I remember playing quite a few simple platformer games when I was younger where you would basically have platforms running vertically down the screen, each with a space somewhere to get up to the next level, and you would have to try and climb up the platforms before you hit the bottom. As I’ve mentioned […]

Firebase Logo

Create a Real Time Chat App with Ionic 1.x and Firebase

In my last Firebase tutorial we used Firebase to create a simple authentication system with email and Facebook support in Ionic. Services like Firebase make it super easy to do things like this – handling authentication yourself can be quite the task. Authentication, as useful as it is, is a bit boring though. So in […]

Spotify Ionic

Building a Simple Spotify Player with Ionic 1.x

Simon Reimler of Devdactic has dropped by this week to drop some knowledge on how you can integrate an Ionic app with the Spotify API to create a sweet music player. Simon knows more than a thing or two about Ionic and has just launched his own video course Ionic by Doing. Enjoy! Spotify is […]

How to Create a Nested Tab View in Ionic 1.x

Among the many useful JavaScript components Ionic offers, the tabbed view is perhaps one of the most commonly used user interface elements. Tabs can sit either at the top or bottom of your application and allow the user to switch through different views. Here’s a tab view I’ve implemented for an app I’m working on […]

Ninja Physics

Setting up Ninja Physics in Phaser

There’s a few different Physics systems provided by default in Phaser, each with their own uses cases, advantages and disadvantages. The three default physics systems are: Arcade Ninja P2 Arcade Physics is probably the one most people use in general, most examples and tutorials you will find for Phaser will use the Arcade Physics system. […]