JSFiddle - React, Tailwind, and code Playground

by esteewhy

HTML

<script src="http://cdn.webix.io/edge/webix.js"></script>
<link rel="stylesheet" href="http://cdn.webix.io/edge/skins/metro.css">

JavaScript

function _sq(x) { return x*x; }
function rand(n) { return Math.floor(Math.random() * 1024) % n; }
var sin = Math.sin, cos = Math.cos, abs = Math.abs, int = Math.floor;

var VORONOI = function(tt, w) {
    var DIM = w;
    function gb(){
        var t=[0];
        return function(i,j){
            var k=0,l,e,d=2e7;
            while(k<64){
                if(!t[k])t[k]=rand(DIM);
                if((e=_sq(i-t[k])+_sq(j-t[42&k++]))<d) {
                    d=e;
                    l=k;
                }
            }
            return t[l];
        };
    }
    return {
        RED: function(i,j){
            var t=[],k=0,l,e,d=2e7;
            while(k<64){
                t[k]=rand(DIM);
                if((e=_sq(i-t[k])+_sq(j-t[42&k++]))<d)d=e,l=k;
            }
            return t[l];
        },
        GREEN: gb(),
        BLUE: gb()
    };
}

var SHEETMUSIC = function(t) {
    function RD(i,j){
        return int(100*sin((i+400 + t)*(j+100 + t)/11115*10/t))&(i+t);
    }
    return { RED: RD, GREEN: RD, BLUE: RD };
}

var SIERPINSKI = function(t, w, h) {
    function gb(x1, x2) {
        var c=[];
        return function(i,j) {
            if(i+j<1){
                var x=0,y=0;
                var p=[512,9,0,381,196,981,827,981,w - 1,381];
                for(var n=0;n<x1;n++){
                    var v=(rand()%11+x2)%5*2;
                    x+=p[v];
                    x/=2;
                    y+=p[v+1];
                    y/=2;
                    c[x] = c[x]||[];
                    c[x][y]++;
                }
            }
            c[i]=c[i]||[];
            return c[i][j];
        };
    }
    var GR = gb(2e7,1);
    return {
        RED: function(i,j){
            var s=99./(j+99);
            return GR(i,j)?0:abs(53-int((3e3-i)*s+j*s)%107);
        },
        GREEN: GR,
        BLUE: gb(3e7, 4)
    };
}

var LYAPUNOV = function(time, w, h) {
    var g = 0, b = 0;
    return {
        RED: function(i,j) {
            var x=0,y=0;
           ...