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

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

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

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

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

02
Jul

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

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

28
Dec
stored in: General and tagged: , ,

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.

The video from my Introduction to Flash Professional’s WebGL Runtime API webinar is now available. The encoding for the video unfortunately looks a bit wonky in places but I’ve provided the slides from the presentation below so you should be able to follow along with the audio. In addition, the FLA and source code from […]

I’ve placed the example source code from yesterday’s webinar on GitHub. You’ll find the original FLA file complete with the JavaScript source code (it’s inside bunny.html). As an added bonus I’ve also included a TypeScript version of the example. You can find the repository here: https://github.com/ccaleb/flash-webgl-intro And here’s a link to a running version of […]