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 data storage), and with the recent closure of Parse I feel like now is a good time to cover […]
↧
A Summary of Backend Options for HTML5 Mobile Applications
↧
Creating 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 I’m a fan of using the Google Maps JavaScript SDK. I’ve already covered how […]
↧
↧
How 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 value. I would visually represent that somewhere on the screen (usually a bar that gradually […]
↧
Syncing 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 specific and cover a real world example of how to use PouchDB with Ionic 2, which encompasses both local storage and remote data storage. […]
↧
Using 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 1, it can not be used with Ionic 2. What ngCordova did was wrap the standard Cordova […]
↧
↧
How 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 service). Although in general it is a bad idea to block a users interaction with the application, things […]
↧
7 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 with Ionic 1 and now I have to learn another framework?”. It comes with the territory that we […]
↧
Boosting 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 to touch and changes of directions, they accelerate and decelerate in a way that feels natural. It’s important that we can capture this same […]
↧
Level 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 you how you can use ES6 in your own Phaser games, but first let’s talk a little […]
↧
↧
Integrating 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 Dropbox, and allow you to traverse through the folders. We will be using the v2 version of […]
↧
Integrating 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 Dropbox, and also allow the user to browse through their folders. The end result looked like this: […]
↧
How 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 more of a three dimensional feel, while still actually being in two dimensions. One of these techniques […]
↧
Adding 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 grab the users current position, or watch their position over time whilst they have the app open. That is […]
↧
↧
How 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 cycle (imagine how much less fun Minecraft would be with no night). This tutorial, and the […]
↧
An 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 variables, and creating your own custom styles. In this tutorial we are going to cover one specific component, which is the […]
↧
How 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 adds more depth to a game, and then we learned how to create a day and night cycle so […]
↧
Ionic 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 an extension of the standard ECMAScript 6 syntax. If you’ve done any research into what TypeScript is you may have seen it […]
↧
↧
Using 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 on using the Ninja physics system. To save you having to read the entire article, […]
↧
Converting 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 Angular 2 for Ionic Developers and for a little more context on what some of the issues are around the two options […]
↧
Using 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. However, I wanted to create a small series of tutorials on using Angular 2 without Ionic for Ionic developers. Many […]
↧