I’ve decided to port the source code from my Building a Parallax Scroller tutorial to various other languages, starting with TypeScript. I’m hoping that it will eventually evolve into more than just a parallax scroller and we’ll end up with a very simple endless runner game but that’s for a little further down the line. So to begin with I’ll simply focus on the scroller.

So to begin with you can find my TypeScript port sitting alongside the original JavaScript version on GitHub at: https://github.com/ccaleb/endless-runner. Both use pixi.js as the 2D rendering engine.

If you haven’t seen my original four-part tutorial then you can find links to it below:

Building a Parallax Scroller: Part 1
Building a Parallax Scroller: Part 2
Building a Parallax Scroller: Part 3
Building a Parallax Scroller: Part 4

Next up will be an ActionScript 3 version.

  1. Wow, great job!

  2. Thanks for this Chris – However I’m having problems compiling it – I get a mass of Duplicate identifier errors that I don’t know how to remove.

    Any idea how to remove these ? I thought I needed to put something into tsconfig to exclude them, but I don’t know what to put there !

    ok cheers 🙂

  3. Hi Jerry,

    I’ve not actually spent any time with this code for a while. I’m extremely busy at the moment but if I get some spare time I’ll take a look and see if I can spot anything wrong. In the meantime, if you do get it running please let me know how you solved it. Thanks.

    Christopher (Author)