JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<canvas class"result" id="c" onclick="animar()">

CSS

.result{
  width: 90%;
  height: 40%;
}

JavaScript

function dibujar(){
console.log("dibujar");
var c = document.getElementById("c");
var t= 0;
var i=0;
for(c.width=w=99,++t,i=6e3;i--;c.getContext('2d').fillRect(i%w,i/w|0,1-d*Z/w+s,1))
	for(a=i%w/50-1,s=b=1-i/4e3,X=t,Y=Z=d=1;++Z<w&(Y<6-(32<Z&27<X%w&&X/9^Z/8)*8%46||d|(s=(X&Y&Z)%3/Z,a=b=1,d=Z/w));Y-=b)
	X+=a
}
function animar(){
console.log("animar");
setInterval(dibujar,9);
}