isomer - Simple isometric graphics library for HTML5 canvas

  •        25

An isometric graphics library for HTML5 canvas. View the official project page or try it out.



Related Projects

isometric-contributions - Browser extension for rendering an isometric pixel art version of your GitHub contribution graph

  •    CSS

This is an extension for Chrome, Safari (see note below), and Firefox (beta) that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version. It uses obelisk.js for the isometric graphics. Besides being sort of neat looking, this view is interesting in that it highlights the differences between the number of contributions with more granularity. This isn't meant to completely replace the standard 2D graph though, because in most ways it is actually less useful. For example, there are no axis labels, shorter bars can be hidden behind taller ones, you can't hover over a bar to see the day and count, etc.

freeciv-web - Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents

  •    Javascript

Freeciv-web is an open-source turn-based strategy game. It can be played in any HTML5 capable web-browser and features in-depth game-play and a wide variety of game modes and options. Your goal is to build cities, collect resources, organize your government, and build an army, with the ultimate goal of creating the best civilization. You can play online against other players (multiplayer) or play by yourself against the computer. There is both a HTML5 2D version with isometric graphics and a 3D WebGL version of Freeciv-web. Freeciv-web is free and open source software. The Freeciv C server is released under the GNU General Public License, while the Freeciv-web client is released under the GNU Affero General Public License. See License for the full license document.

sketch-isometric - Generate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app

  •    Javascript

Generate Isometric and 3D Rotation views from Artboards and Rectangles in Sketch app. Colors of the sides can be changed manually after quiting the plugin. Just select the appropriate shape and update fill with your desired color.

AS3 Iso Game Engine

  •    ActionScript

An isometric tile-based-game-engine. The engine is intended for pixel-graphics but with a few adjustments might work with vector-graphics. It comes with an Flex-AIR desktop application for editing tile-maps in xml-format.

diablo-js - Isometric minimal-code style game at html5 canvas and javascript

  •    Java

Isometric minimal-code style game at html5 canvas and javascript

IsometricGrids - Some experimental decorative and interactive isometric and 3D grids.

  •    HTML

Some experimental decorative and interactive isometric and 3D grids. This demo is sponsored by PageCloud.

sheetengine - Isometric HTML5 JavaScript Display Engine


Sheetengine is an HTML5 canvas based isometric display engine for JavaScript. It features textures, z-ordering, shadows, intersecting sheets, object movements.

OpenSceneGraph - 3D graphics toolkit

  •    C++

The OpenSceneGraph is an open source high performance 3D graphics toolkit, used by application developers in fields such as visual simulation, games, virtual reality, scientific visualization and modelling. It is based around the concept of a SceneGraph, providing an object-oriented framework on top of OpenGL. This frees the developer from implementing and optimizing low-level graphics calls and provides many additional utilities for rapid development of graphics applications.

awesome-webgl - A curated list of awesome WebGL libraries, resources and much more


This is a curated list of awesome WebGL libraries, resources and much more. WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins. WebGL is integrated completely into all the web standards of the browser allowing GPU accelerated usage of physics and image processing and effects as part of the web page canvas.

NetHack - Falcon's Eye

  •    C

NetHack - Falcon's Eye enhances the classic roguelike game NetHack with isometric high-res graphics, digitized effects, symphonic music and an intuitive mouse-driven interface, yet retains all the original gameplay and features.

OpenRTS - real-time strategy game

  •    Python

OpenRTS is an open source realtime strategy game. It features isometric graphics, networked multiplayer and single-player scenarios. The game is being developed using Python and SDL. The game runs on at least Linux, Windows and Mac.

Tile based game lib: isometric/rectangul

  •    C++

Tile based games graphics library. Platform independant (relatively), 8 map layers, animated tiles, uses SDL and OpenGL, fast and easy to use.

draco - Draco is a library for compressing and decompressing 3D geometric meshes and point clouds

  •    C++

Draco is a library for compressing and decompressing 3D geometric meshes and point clouds. It is intended to improve the storage and transmission of 3D graphics.Draco was designed and built for compression efficiency and speed. The code supports compressing points, connectivity information, texture coordinates, color information, normals, and any other generic attributes associated with geometry. With Draco, applications using 3D graphics can be significantly smaller without compromising visual fidelity. For users, this means apps can now be downloaded faster, 3D graphics in the browser can load quicker, and VR and AR scenes can now be transmitted with a fraction of the bandwidth and rendered quickly.

rough - Create graphics with a hand-drawn, sketchy, appearance

  •    Javascript

Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

Java Isometric Engine

  •    Java

JIsoMan is an isometric game engine written in java. It has line-of-sight, entity amp; terrain objects, and a tilemap and wallmap. It also has a design mode to graphically design isometric maps.

Flash Isometric Engine AS3

  •    ActionScript

2D Isometric Engine project build with Flash AS3. It is an open source, multilevel and multiplayer tilebased isometric engine. Furnished with IsoEditor and IsoServer on the Files section

tinyrenderer - A brief computer graphics / rendering course

  •    C++

Check the wiki for the detailed lessons. My source code is irrelevant. Read the wiki and implement your own renderer. Only when you suffer through all the tiny details you will learn what is going on. I do want to get emails for feedback (; do not hesitate to contact me if you have any questions.

DiligentEngine - Master repository for Diligent Engine project

  •    C++

Diligent Engine is a lightweight cross-platform abstraction layer between the application and the platform-specific graphics API designed to take advantages of next-generation APIs such as Direct3D12 and Vulkan, while providing support for older platforms via Direct3D11, OpenGL and OpenGLES. Diligent Engine exposes common front-end for all supported platforms and provides interoperability with underlying native API. Shader source code converter allows HLSL shaders to be used on all supported platforms and rendering backends. The engine is intended to be used as a graphics subsystem in a game engine or any other 3D application, and supports integration with Unity. Diligent Engine is distributed under Apache 2.0 license and is free to use. Alternatively, you can get master repository fisrt, and then individually clone all submodules into the engine's root folder.


  •    CSharp

RoboXNA is a 3D real time robot simulation that let's you walk around a 3D scene with buildings, obstacles and environmental sounds. This project is a final university project in Computer Graphics.