Pets Factor: Furry Friends
I’ve been really busy since January working on an HTML5 project and I’m pleased to announce that it has just been released. Pets Factor: Furry Friends is a nurturing game where you choose a pet for yourself and then make sure it’s entertained, exercised, and well rested. You’ve also got to help your pet level-up […]
Memory Profiling with Google Chrome
I’ve spent the last four months working on a fairly large HTML5 project that was to run across mobile, tablet, and desktop. For the most part, the project went pretty smoothly but we did notice we were experiencing crashes on low-end devices that we suspected were being caused by memory leaks. To verify this and […]
Building a Parallax Scroller with Pixi.js: Part 4
This tutorial series has been updated for PixiJS v4. Welcome to the fourth and final tutorial in the series detailing how to build a parallax scrolling map using JavaScript and pixi.js. In the previous tutorial we started writing the scroller’s foreground layer by implementing an object pool and learning how to work with sprite sheets. […]
Building a Parallax Scroller with Pixi.js: Part 3
This tutorial series has been updated for PixiJS v4. Welcome back to the third in a series of tutorials covering how to make a parallax scrolling map using JavaScript and pixi.js. A lot’s been covered so far. In the first tutorial you learned some pixi.js fundamentals and applied parallax scrolling to a couple of repeating […]
Building a Parallax Scroller with Pixi.js: Part 2
This tutorial series has been updated for PixiJS v4. In this series of tutorials we’ll discover how to make a parallax scrolling map similar to that found in games such as Canabalt and Monster Dash. The first part introduced the pixi.js rendering engine and covered the fundamentals of parallax scrolling. Now we’ll build upon our […]
Building a Parallax Scroller with Pixi.js: Part 1
This tutorial series has been updated for PixiJS v4. Ever played endless runner games such as Canabalt and Monster Dash, and wondered how to build their scrolling game maps? In this tutorial we’ll take our first steps towards building a similar parallax scroller using JavaScript and the pixi.js 2D rendering engine. What you will learn… […]
Flappy Bird HTML5 Tutorial Series
If you’ve been following this blog then you’ll know that I’ve been writing a tutorial series for Adobe’s official Animate CC blog. The tutorials teach you how to write an HTML5 Flappy Bird clone from scratch using Adobe Animate CC and JavaScript. I’ve got two remaining parts to write but the first four in the […]
Flappy Bird HTML5 Clone
One of the things I’ve always loved about Flash Professional and ActionScript is just how easy it is to knock together a quick web game. Flash’s design-develop workflow always made such things a breeze. But what about HTML5? Could I use Adobe Animate CC (formerly Flash Pro) and JavaScript to create a game just as […]
Creating WebGL Content with Animate CC
There seems to be quite a lot of excitement surrounding the rebranding of Flash Professional CC to Adobe Animate CC. It’s also extremely pleasing to see Adobe actively promote Animate CC and also to see so much positivity from the animation and design community in general. One thing that’s been lost somewhat in the noise […]
Web Assembly
There has been a lot of talk about Web Assembly, the new binary format for the web. But what exactly is it? The presentation below by Google’s Nick Bray is definitely a good place to start.