🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

JSIso 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.Features: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 values

Games HTML5

Documentation

HTML5 Canvas Tile Engine

JSiso

This repo contains an MIT Licensed Isometric HTML5 tile engine Copyright © 2014 of Iain Hamilton.

For a list of examples and further details checkout: http://jsiso.com

noniso

Currently contained features are:

  • Implements AMD through RequireJS
  • Easily build complex isometric 2D.5 layouts or flat 2D layouts
  • Tiled Editor format support
  • Unlimited layer stacking
  • Isometric heightmaps
  • Auto scaling of image dimensions
  • Spritesheet and individual one by one tile image loading
  • RGBA tile values
  • Zooming
  • Rotating
  • Simple Collision
  • AI Pathfinding using Web Workers
  • Custom built Particle Engine
  • Easy fake lighting
  • Player vision limiting
  • Simple player device interaction
  • Apply the same code accross tile formats

Setup Instructions:

1: In each of the samples .html you'll see: <script data-main="../../config.js" src="../../requirejs/require.js"></script>. If you move JsIso and RequireJs location this will require updating.

2: config.js contains the requirejs baseUrl set as "/isometric/" by default. Make sure this reflects your base path to the folder containing JsIso & RequireJS.

3: That should be everything.

Particles particles

Pathfinding (All cuboids apart from blue are AI) Pathfinding calculations are handled via webworkers. ai

Fog of view and lighting toggled on (blue cuboid represents player) lighting

Basic dynamic lighting with-lighting

Lighting toggled off no-lighting

Height Maps, Rotation, Auto Shadows, Zoom new-screen

Previous tile map zoomed out new-screen2

Early Screenshot 1 screen1

Early Screenshot 2 screen2


You May Also Like