Ionic Maps Video

Ionic 2 & 3: How to Use Google Maps & Geolocation

Adding map functionality to a mobile application can be extremely useful, especially when we throw Geolocation into the mix. The nature of mobile devices are that they are mobile obviously, and maps are generally most useful to people when they are on the move. It also gives us an awesome opportunity to display information contextually […]

Ionic 2 Todo App

Build a Todo App from Scratch with Ionic

If you’ve been reading my beginner series of tutorials then you’ve probably seen a few example applications and had a bit of a play with Ionic. When building an app from scratch though it’s a bit more intimidating, and you’ll probably run into a few roadblocks along the way. What I wanted to do in […]

Alphadrop Screenshot

Creating Animated Scoring in an HTML5 Phaser Game

When it comes to games (and apps in general really), I’m a big believer that making your game just that little bit more juicy can make the overall quality and enjoyability of your game increase drastically. Juicy is clearly a pretty vague term, but I think it’s pretty fitting (think biting into a juicy orange […]

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 […]