JSFiddle - React, Tailwind, and code Playground

by Vince

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/EaselJS/1.0.2/easeljs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tweenjs/1.0.2/tweenjs.min.js"></script>
<pre id="debug"></pre>
<canvas id="demoCanvas" width="500" height="500"></canvas>

CSS

#demoCanvas {
	display: block;
	outline: 1px dotted pink;
}

JavaScript

function trace(text) {
	var debug = document.getElementById('debug')
	debug.innerHTML = text;
}
function init() {
	trace('init');
	var stage = new createjs.Stage('demoCanvas');
	var circle = new createjs.Shape();
	circle.graphics.beginFill('DeepSkyBlue').drawCircle(0,0,50);
	circle.x = 100;
	circle.y = 100;
	stage.addChild(circle);
	stage.update();
}
document.onLoad = init();