Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
HTML5 canvas (and PHP GD) 2.5D landscape renderer
tree: 8180ed6e90
Failed to load latest commit information.
doc Updated JsDoc Toolkit auto-generated documentation
images Misc. little improvements including better reflection-mapped performance
js Removed the _renderBackToFront() private method
library/Steppe Initial PHP port of Steppe and corrected JS version (terrain renderin…
tests Updated sprite rendering (JS only); initial unit tests and more JSDoc…
.gitignore Updated documentation to remove path leakage
MIT-LICENSE.txt MIT license added
README.md Removed an entry from the 'coming soon' section of the README
composite.php Initial PHP port of Steppe and corrected JS version (terrain renderin…
index.php Major performance improvements
jscoverage.sh Updated sprite rendering (JS only); initial unit tests and more JSDoc…
render.php

README.md

Steppe

Steppe is a custom HTML5 canvas 2.5D landscape renderer and compositor. The JavaScript source code for Steppe is unobfuscated and can be used free of charge in your own projects (MIT license).

Steppe, like Fleeting Fantasy, is actively under development so we recommend you wait until it's production-ready before using it for anything serious. That doesn't mean you shouldn't play with it now though; go right ahead!

Screenshots

screenshot

screenshot

Features

  • Four degrees of freedom (4DoF); translation along the x, y, and z axes and rotation about the y axis
  • Reflection-mapped, semi-transparent water with globally variable height
  • Full 360-degree panoramic sky
  • Floating horizon and faux camera tilt
  • Coloured, distance fog for better depth perception
  • Texture-mapped terrain with client-side compositor accepting multiple textures
  • Antialiasing for smoother rendering results (currently unavailable)
  • Configurable render quality from low, through medium, to high
  • 2D billboarded sprites (JS only)
  • Alternative texturemap for out-of-bounds terrain
  • PHP port for graceful degradation where HTML5 canvas isn't supported
  • MIT license
  • All HTML5 2D canvas; no WebGL!

Coming Soon

  • Fog applied to sprites
  • Sanitised API
  • Pre-calculated lightmap support for shadows

Steppe Mars Demo

Try Demo

Something went wrong with that request. Please try again.