JSFiddle - React, Tailwind, and code Playground

by Andrew Pougher

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/EaselJS/0.7.1/easeljs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<canvas id="canvas" width="800" height="800"></canvas>

JavaScript

//Create a stage by getting a reference to the canvas
stage = new createjs.Stage("canvas");

//Create a Shape DisplayObject- A.1 will be drawn to
a1 = new createjs.Shape();
    
// Draw A.1 onto shape display object
a1.graphics.f("rgba(0,999,0,254)").p("EAKyA0WIjwAAILGzYILQTYIvAAAIB4jIIHgAAIlopsInWM0").cp().ef();

//set attributes (position, scale, etc)
a1.x = -0;
a1.y = 0;

//Add Shape instance to stage display list.
stage.addChild(a1);

//L.1
l1 = new createjs.Shape();
l1.graphics.f("rgba(96,255,0,254)").p("EAWMAj8IJYQaIDwAAIpYwaIjwAA").cp().ef();
l1.x = 0;
l1.y = 0;
stage.addChild(l1);

//E.1
e1 = new createjs.Shape();
e1.graphics.f("rgba(96,122,0,254)").p("EAq0AteIi+FKIhkiqIEsoSIjIAAIleAAIkEAAIJiQaIGGqoIjIAAIAAAA").cp().p("EAjAAqWIDSAAIhkC0Ihui0IAAAA").cp()
.ef();
e1.x = 0;
e1.y = 0;
stage.addChild(e1);

//X.1.1
x1_1 = new createjs.Shape();
x1_1.graphics.f("rgba(96,255,0,254)").p("EAwwAnsIjmAAIHWM0IDwAAIngs0").cp().ef();
x1_1.x = 0;
x1_1.y = 0;
stage.addChild(x1_1);

//X.1.2
x1_2 = new createjs.Shape();
x1_2.graphics.f("rgba(96,255,0,254)").p("EA5qAj8IjwAAIjmGGIAAAKIn0NwIDmAAII6veICqki").cp().ef();
x1_2.x = 0;
x1_2.y = 0;
stage.addChild(x1_2);
                
var a2 = a1.clone();
a2.x = 300;
a2.y = 1;
stage.addChild(a2);

var l2 = l1.clone();
l2.x = 300;
l2.y = 1;
stage.addChild(l2);

//O.1
o1 = new createjs.Shape();
o1.graphics.f("rgba(96,255,0,254)").p("EBPiAnsIJiQaIJYwaIigAAIwaAA").cp().p("EBdwAqgIksISIk2ocIJsAAIgKAKASDFIAAAA").cp().ef();
o1.x = -15;
o1.y = 0;
stage.addChild(o1);

//I.1
i1 = new createjs.Shape();
i1.graphics.f("rgba(96,255,0,254)").p("EBkoAniInWM+IDwAAIHWs+IjwAA").cp().f("rgba(96,255,0,254)").p("EBmqAj8Ig8BuIDwAAIA8huIjwAA").cp().ef();
i1.x = -15;
i1.y = 0;
stage.addChild(i1);

var a3 = a1.clone();
a3.x = 778;
a3.y = 51;
a3.scaleX = -.85;
a3.scaleY = .85;
a3.regX = 0;
a3.regY = 0;
stage.addChild(a3);


updateStage();
//setInterval(update,1000);

function updateStage(){
  stage.update();
}

			...