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

WebGL in Flash Online Video Course

As you can probably guess from my most recent posts, I’m pretty excited by Flash Professional’s HTML5/WebGL support. It opens a huge number of possibilities for those wishing to target mobile browsers and, in many ways, makes your Flash content a first-class citizen within a web page. One thing that’s lacking at the moment however, […]

Slides: Intro to Flash’s WebGL Runtime API

Thanks to everyone who attended today’s webinar about Flash Professional’s WebGL Runtime API. Here are the slides from today. Unfortunately I ran out of time and had to quickly skip over most of my content on ECMAScript 6 and TypeScript. If you’d like to know more though then please visit the links listed at the […]

Making HTML5 Games using Flash Professional

Colin Holgate from Funny Garbage recently presented his experience of creating HTML5 games using Flash Professional. As Colin demonstrates, anyone wanting to target HTML5 while using the familiar Flash workflow can easily do that using Flash’s HTML5 Canvas document type. And as you can see from the video, the end results are quite impressive.