GitHub RepositoryTile-Based TutorialsLatest Vanilla JS Tutorials04 - Isometric Map Rotation03 - Adding a controllable player02 - Creating a simple isometric Tile Engine01 - Creating a simple Tile EngineLatest JsIso Tutorials05 - Adding an Isometric player that can be moved04 - Rotating JsIso Isometric Map03 -  Applying shadows to isometric heightmap02 -  Creating a simple Isometric Height Map01 -  Creating a simple Map with JsIsoTweetJSIso - A Tile-Based HTML5 Canvas EngineJSIso is a Tile-Based engine which uses the HTML5 Canvas element. It's still classed as being in early stages and will be until it is capable of much much more. The engine is still under constant development and is licensed using MIT. An early prototype which was titled under the project name of "Glacial Flame" can be seen in the following YouTube Video:  http://www.youtube.com/watch?v=Qlsipfu5Qq4. It initially started out as an Isometric engine however it easily supports both 2D and 2.5DCurrently contained features are:Implements AMD through RequireJSEasily build complex isometric 2D.5 layouts or flat 2D layoutsTiled Editor format supportUnlimited layer stackingIsometric heightmapsAuto scaling of image dimensionsSpritesheet and individual one by one tile image loadingRGBA tile valuesZoomingRotatingSimple CollisionAI Pathfinding using Web WorkersCustom built Particle Engine - Basic Effect CreatorEasy fake lightingPlayer vision limitingSimple player device interactionApply the same code accross tile formatsFork the code from GitHub or check out the samples bellow. We would love to hear your feedback via the contact form, Twitter or directly through  dev@jsiso.com.JsIso In UseUsed JsIso for something? Let us know and we will happily feature you here!Tile Map SamplesThese samples are intended as both proof of concepts and initial tests of JSIso capabilities. A few of them are kept simple to show the little code required to achieve the output. Although these eight samples are displayed in their current states, they are intended for further refinement by reducing the customized sample code, optimizing the engine and improving their capabilities on multiple platforms.Sample OneShowcase of most isometric features available.- Multiple layers- Heightmaps- AI Pathfinding- Fake Lighting- Multiple Vision Points- Particle System- Keyboard InputSample TwoIsometric Sample showing larger map array.- Single Layer- Heightmap- Zoom- Rotate- Keyboard InputSample ThreeIsometric Tower Defense styled gameplay. Click to create maze.- Single Layer- Heightmap- Pathfinding- Mouse InputSample FourSmooth moving in Isometric view similar to featured sample below.- Single Layer- Heightmap- Cross Tile LocationsSample FiveSimple 2D Tilemap- Isometric set as false- Mouse InputSample SixBasics of a 2D platform game.- Isometric set as false- Keyboard Input- Cross Tile Locations
- Particle System
Sample Seven
Simple 2D snake game. Replica code of sample 8.
- Isometric set as false
- 2D tiles 25 x 25
- Keyboard Inp