JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<script src="http://jdan.github.io/isomer/js/isomer.min.js"></script>
<canvas id='test' width='400' height='400'></canvas>

CSS

canvas {
    border: black 1px solid;
}

JavaScript

var canvas = document.getElementById('test');

var Point  = Isomer.Point;
var Path   = Isomer.Path;
var Shape  = Isomer.Shape;
var Vector = Isomer.Vector;
var Color  = Isomer.Color;

var iso = new Isomer(canvas);
console.log(iso);
var blue = new Color(200,100,100);
var cube = Shape.Prism(Point.ORIGIN, 0.5 ,0.5 ,0.5);
setInterval(function(){
    iso.canvas.ctx.clearRect(0,0, 400,400);
    iso.add(cube.rotateZ(Point(0.25, 0.25, 0.25), Math.PI / 12 * Math.random() * 3), blue);
}, 300);