Firebase has been on my radar lately as they seem to be doing a lot with Ionic. I’ve seen a few blog posts and a few people mentioning that they built their app with it. I’ve been looking at Parse recently but decided to give Firebase a go to see which I liked better. In […]
↧
Email and Facebook Authentication with Ionic and Firebase
↧
How to Create a Nested Tab View in Ionic
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 […]
↧
↧
Building a Simple Spotify Player with Ionic
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 […]
↧
Intro to ECMAScript 6 and Angular 2 for Ionic Developers
AngularJS 2 will be coming along soon, which involves basically a complete rewrite of the previous iteration of the popular framework. AngularJS is the backbone of Ionic, so big changes to Angular mean big changes to Ionic (which we will see in Ionic 2). Keep in mind that this doesn’t mean you’re going to have […]
↧
Create a Real Time Chat App with Ionic 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 […]
↧
↧
Creating an Attractive Login Screen in Ionic with Flexbox
The difference between a good app and a great app is in the little details. I think the two biggest contributing factors to what makes an app feel great is paying attention to performance and the design. Ionic provides a great range of default styling for CSS components, which do look great and simplistic, but […]
↧
Implementing the Master Detail Pattern in Ionic with Firebase
Andrew McGivery recently wrote a tutorial on what the “Master Detail” pattern is and how to implement it in an Ionic application. You should definitely go read his post before continuing with this one, but essentially this pattern is where you have a list of things and then you can bring up more details on […]
↧
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 […]
↧
How to Create Animations with CSS in Ionic
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 […]
↧
↧
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 […]
↧
8 Reasons Why I’m Glad I Switched to the Ionic Framework
I’ve been in the HTML5 mobile development scene for over 3 years now, and during that time I’ve dabbled in quite a few frameworks and used two extensively. Those two frameworks are Ionic and Sencha Touch. If you’ve been following my blog for a while you would know that I used to be a heavy […]
↧
Build a Flappy Bird & Jetpack Joyride Hybrid Game in Phaser
Recently I wrote a tutorial on building an infinite climbing game in Phaser which borrowed some concepts from Thomas Palef’s tutorial on building a Flappy Bird clone but kind of flipped it on its head a little bit by generating the game vertically rather than horizontally. This game is going to be similar again in […]
↧
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 […]
↧
↧
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 […]
↧
How to Create a Candy Crush or Bejeweled Game in Phaser
Rather than starting from scratch I started to take a look around to see if somebody had already done it and came across Bombevo which executes the concept very well in a fun game where you fight an alien space ship. This game was made for Ludum Dare and you can download the original source […]
↧
A Summary of Local Storage Options for PhoneGap Applications
Quite often when creating mobile applications you will want to store data that the user can retrieve later. A lot of the time this is done by storing the data somewhere that can be accessed through some server (think Facebook, Twitter etc.) which would require an Internet connection, but we may still want to store […]
↧
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 […]
↧
↧
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 […]
↧
Ionic 2 First Look Series: New Angular 2 Concepts & Syntax
We all know by now that Angular 2 and Ionic 2 are coming. In short this means we will be able to make apps that perform better on mobile, adhere to the latest web standards, are scalable, reusable, modular and so on. I don’t think there’s really much of a question anymore about whether the […]
↧
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 […]
↧