Vanilla JS Tutorials

JsIso Tutorials

RSS feed

Tile-Based Tutorials

Fairly new - more coming soon.

These tutorials cover the basics behind building a JavaScript tile game with and without JsIso.
They are intended for coders with basic knowledge of coding.
The aim is to show what you can do without the use of this engine and outline some of the basic ideas behind building your own game without it.
Specific tutorials on using JsIso aim to show the ease of developing with it to give a powerful result. The basic code structuring used in the vanilla JS tutorials are similar to that of developing with JsIso. Even if you don't plan to use JsIso, hopefully some of these tuts will be of use to somehow.

Vanilla JS Tutorials

These Tutorials do not use JsIso and take a basic approach to getting started with both Canvas and making an isometric or flat tile based game

01 - Creating a simple Tile Engine

Posted by Iain Hamilton on Sun, 26 Oct 2014
tags: Beginner Canvas, 2D, Vanilla JavaScript, No Library, No Framework

02 - Creating a simple isometric Tile Engine

Posted by Iain Hamilton on Sun, 26 Oct 2014
tags: Beginner Canvas, Vanilla JavaScript, No Library, No Framework, 2D.5, Isometric

03 - Adding a controllable player

Posted by Iain Hamilton on Sun, 26 Oct 2014
tags: Isometric

04 - Isometric Map Rotation

Posted by Iain Hamilton on Sun, 1 Mar 2015
tags: Isometric, HTML5, map, rotation

JsIso Tutorials

These Tutorials use JsIso and will hopefully show the advantages of using the easy to use yet powerful tile engine framework.

01 - Creating a simple Map with JsIso

Posted by Iain Hamilton on Sun, 1 Mar 2015
tags: JsIso

02 - Creating a simple Isometric Height Map

Posted by Iain Hamilton on Sun, 1 Mar 2015
tags: Isometric, JsIso, heightmap

03 - Applying shadows to isometric heightmap

Posted by Iain Hamilton on Mon, 2 Mar 2015
tags: JsIso

04 - Rotating JsIso Isometric Map

Posted by Iain Hamilton on Wed, 4 Mar 2015
tags: Isometric, JsIso, rotation

05 - Adding an Isometric player that can be moved

Posted by Iain Hamilton on Sun, 29 Mar 2015
tags: Isometric, JsIso, rotation, player, control