PNEBULA

111 words ~ 1 min

Almost the first 256b intro using Canvas ever :p

The idea was pretty simple: Draw colorful dots in the center of the Canvas and zoom it all introduce a nebula like color blending.

<body bgcolor=0 text=snow onload=h=R.height=256;setInterval('with(R.getContext("2d"))fillStyle="#"+(999*r(fillRect(r(drawImage(R,3,3,250,250,0,0,h,h))*26+116,r()*26+116,3,3))|0)',r=Math.random)>pNebula<canvas id=R>

Including some styling of the page and text, the whole intro fits in 214 bytes. Actually it was even possible to fit a valid HTML5 version in 248 bytes.

<!doctype html><title></title>pNebula<canvas></canvas><script>r=Math.random;setInterval('with(R.getContext("2d"))fillStyle="#"+(999*r(fillRect(r(drawImage(R,3,3,144,144,0,0,150,150))*26+61,r()*26+61,3,3))|0)',R=document.body.childNodes[1])</script>

Make sure to leave a comment or thumb up/down on Pouet.


Other recent projects

There are many experiments and projects like PNEBULA to discover other here.


Let's talk

Don't be shy; get in touch by mail, twitter, github, linkedin or pouet if you have any questions, feedback, speaking, workshop or performance opportunity.