A Summary of Backend Options for HTML5 Mobile Applications
A little while ago I compiled a post on local storage options for HTML5 mobile applications (if you want to dive a little deeper into this, Raymond Camden also recently released a book on client side...
View ArticleCreating an Advanced Google Maps Component in Ionic 2
We all know how useful maps can be in a mobile application, and Google Maps is a great option to do just that. Of course, you can use the native Google Maps SDK through the use of a Cordova plugin, but...
View ArticleHow to Create an Accurate Timer for Phaser Games
In a few of my projects I’ve been using a pretty simple timer, the general idea was I’d start off with some variable to hold the total time of the game and then create a timer loop to decrement that...
View ArticleSyncing Data with PouchDB and Cloudant in Ionic 2
In previous articles I’ve broadly covered some local storage options for HTML5 mobile applications and more recently backend options for HTML5 mobile applications. Now I’m going to get a little more...
View ArticleUsing Cordova Plugins in Ionic 2 with Ionic Native
There’s been a lot of confusion around how to use Cordova plugins in Ionic 2, and I think a lot of that stems from ngCordova. This was a great little tool that simplified using native plugins in Ionic...
View ArticleHow to Create a Custom Loading Component in Ionic 2
Ionic 2 is still being developed, so naturally there are a few components missing that people are keen to get their hands on. One of those in particular is a loading service (aka a busy or waiting...
View Article7 Reasons Why Ionic 2 Is Better Than Ionic 1
When Ionic 2 was first released I was excited about it, but I also shared the thoughts of many Ionic 1 developers which would be something along the lines of: “Oh man, I was just getting comfortable...
View ArticleBoosting Scroll Performance in Ionic 2
Scrolling is one of the most common interactions with a mobile application, and it is extremely important that it feels right. Native applications have lists that scroll smoothly, they are responsive...
View ArticleLevel up Your Phaser Games with ES6
Since starting with Ionic 2 I’ve fallen in love with ECMAScript 6 (ES6), and once I started working with Phaser again it just didn’t feel as nice working with ES5. In this tutorial I am going to show...
View ArticleIntegrating Ionic 2 with the Dropbox API – Part 1
In this tutorial we are going to create an Ionic 2 application that integrates with the Dropbox API. We are going to create an application that will return a list of all the files and folders in your...
View ArticleIntegrating Ionic 2 with the Dropbox API – Part 2
In Part 1 of this series of tutorials we started integrating Dropbox with an Ionic 2 application. We were able to create an application that can fetch a list of all the files and folders in a users...
View ArticleHow to Create a Parallax Background in Phaser
Many mobile games are 2D, and when building Phaser games for mobile 3D games are not really an option. To keep our games from looking boring and flat there are some techniques we can use to give them...
View ArticleAdding Background Geolocation to an Ionic 2 Application
In a previous tutorial, I have demonstrated how to use Geolocation in an Ionic 2 application. The method used in that tutorial is the “standard” way to use the Geolocation plugin, it will allow you to...
View ArticleHow to Create a Day & Night Cycle in Phaser
As I’ve stressed before, atmosphere is an extremely important element in a game that can turn a fun game into a masterpiece. One great way to add some atmosphere to your game is to add a day and night...
View ArticleAn In Depth Look at the Grid System in Ionic 2
A little while ago I created a tutorial that discussed how to theme an Ionic 2 application. It covered most of the basics like making use of attributes like primary and secondary, overriding SASS...
View ArticleHow to Add Weather Effects in Phaser Games
I keep going on about how important atmosphere is in a game, and the last two Phaser tutorials I have created have focused on that. First we learned how to create a parallax background effect which...
View ArticleIonic 2: TypeScript vs ECMAScript 6
The title of this post, although it describes the intention, might be a little bit confusing. TypeScript and ECMAScript 6 (ES6) are not really two different things battling it out, TypeScript is just...
View ArticleUsing the Arcade Slopes Plugin in Phaser
A while ago I wrote a bit of a summary of the different physics system in Phaser, which covered a little bit about how they work and I also followed that up a little later with a more in-depth tutorial...
View ArticleConverting ECMAScript 6 to TypeScript in Ionic 2
When building an Ionic 2 application you have a choice between using regular ECMAScript 6 syntax, or TypeScript. If you’re unfamiliar with what these are I’d recommend reading Intro to ECMAScript 6 and...
View ArticleUsing Angular 2 without Ionic 2: Part 1
Angular 2 without Ionic 2 is… just Angular 2. So what’s the point of this post? There’s plenty of getting started with Angular 2 tutorials out there, including this simple one on the Angular website....
View Article