JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.crafty-modules.com/crafty-DEBUG.js"></script>
JavaScript
console.clear();
Crafty.init(64, 64);
Crafty.background('rgb(0,0,0)');
var meanTest = function(strCode)
{
var iterations = 1000
var mean = 0
for (i = 0; i < iterations ; i++)
{
var start = (new Date).getTime();
(new Function(strCode))() //this is essentially eval(), but 5,481% faster, see below link
//http://moduscreate.com/javascript-performance-tips-tricks/
var diff = (new Date).getTime() - start;
mean += diff
}
console.log("Mean is: "+(mean/iterations)+" ms")
}
var codeStr = "var testEnt = Crafty.e(\"2D, DOM, Color, Mouse\");"
codeStr +="testEnt.color(\'rgb(255,0,0)\');"
codeStr +="testEnt.attr({ w:210, h:70, x:10+i, y:10+i });"
codeStr +="testEnt.destroy();"
meanTest(codeStr)