JS1k: The JavaScript code golfing competition
2015 - The JS1k hype train is real!
Crystallization Hype
Examine the crystallization hype! Draw some new colorful crystals with your mouse! Click or hold down it to feel the magic! Hope you are having fun and enjoying the hype!
- Author:
- Erik Engi
- Twitter:
- @
- GitHub:
- kireerik
- Facebook:
- Google+:
- +ErikEngi
- Reddit:
- /r/
- Pouet:
- Website:
- oengi.com
- Compo:
- canvas
- Demo link:
- https://js1k.com/2015-hypetrain/demo/2128
- Shortlink:
- https://js1k.com/2128
- Blog post:
- please update here!
- Bytes:
- 751
- Chars:
- 751
- Submission
eval("for(f=addEventListener,g=requestAnimationFrame,k=innerWidth,l=innerHeight,n=Math.random,q=[],r=[],t=0,u=0,v=10,w=0;w<=k;w++){r[w]=[];for(x=0;x<=l;x++)r[w][x]=0}for(y=1;y<=v;y++)z(y,~~(n()*k),~~(n()*l));g(A);_ z(e,a,b){q[e]={x:a,y:b,a:1,color:'rgb(0,'+[~~(255*n()),~~(255*n())]+')',b:0}}f('mousedown',_(e){t=1;v++;z(v,e.x,e.y)});f('mousemove',_(e){t&&(v++,z(v,e.x,e.y))});f('mouseup',_(){t=0});_ B(e,a,b){0<=a&&a<k&&0<=b&&b<l&&!r[a][b]&&(c.fillStyle=e.color,c.fillRect(a,b,1,1),r[a][b]=1,e.b=0)}_ A(){for(e=1;e<=v;e++){a=q[e];if(!a.b){1==a.a&&B(a,a.x,a.y);b=a.x-a.a,d=a.y+a.a;for(a.b=1;a.y-a.a<d;d--)B(a,b,d);for(;b<a.x+a.a;b++)B(a,b,d);for(;d<a.y+a.a;d++)B(a,b,d);for(;a.x-a.a<b;b--)B(a,b,d);a.b?u++:a.a++}}u==v||g(A)}".replace(/_/g,'function'))- Description
- Examine the crystallization hype! Draw some new colorful crystals with your mouse! Click or hold down it to feel the magic! Hope you are having fun and enjoying the hype! Crystallization Hype is a simple 2D Canvas experiment, which works with most of the modern web browsers. This experiment simulates a really simple crystallization process in HTML5. You can notice similar things to this scene in the nature as well. Just think of some frozen vapor on your window on a cold winter night. You can create and draw new colorful crystals with your mouse clicking or holding down.
- Base64 encoded
ZXZhbCgiZm9yKGY9YWRkRXZlbnRMaXN0ZW5lcixnPXJlcXVlc3RBbmltYXRpb25GcmFtZSxrPWlubmVyV2lkdGgsbD1pbm5lckhlaWdodCxuPU1hdGgucmFuZG9tLHE9W10scj1bXSx0PTAsdT0wLHY9MTAsdz0wO3c8PWs7dysrKXtyW3ddPVtdO2Zvcih4PTA7eDw9bDt4Kyspclt3XVt4XT0wfWZvcih5PTE7eTw9djt5Kyspeih5LH5+KG4oKSprKSx+fihuKCkqbCkpO2coQSk7XyB6KGUsYSxiKXtxW2VdPXt4OmEseTpiLGE6MSxjb2xvcjoncmdiKDAsJytbfn4oMjU1Km4oKSksfn4oMjU1Km4oKSldKycpJyxiOjB9fWYoJ21vdXNlZG93bicsXyhlKXt0PTE7disrO3oodixlLngsZS55KX0pO2YoJ21vdXNlbW92ZScsXyhlKXt0JiYodisrLHoodixlLngsZS55KSl9KTtmKCdtb3VzZXVwJyxfKCl7dD0wfSk7XyBCKGUsYSxiKXswPD1hJiZhPGsmJjA8PWImJmI8bCYmIXJbYV1bYl0mJihjLmZpbGxTdHlsZT1lLmNvbG9yLGMuZmlsbFJlY3QoYSxiLDEsMSksclthXVtiXT0xLGUuYj0wKX1fIEEoKXtmb3IoZT0xO2U8PXY7ZSsrKXthPXFbZV07aWYoIWEuYil7MT09YS5hJiZCKGEsYS54LGEueSk7Yj1hLngtYS5hLGQ9YS55K2EuYTtmb3IoYS5iPTE7YS55LWEuYTxkO2QtLSlCKGEsYixkKTtmb3IoO2I8YS54K2EuYTtiKyspQihhLGIsZCk7Zm9yKDtkPGEueSthLmE7ZCsrKUIoYSxiLGQpO2Zvcig7YS54LWEuYTxiO2ItLSlCKGEsYixkKTthLmI/dSsrOmEuYSsrfX11PT12fHxnKEEpfSIucmVwbGFjZSgvXy9nLCdmdW5jdGlvbicpKQ==- Original source
Original source not submitted