srifqi/srifqi.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Create waterdrop.html

Browse Source
This commit is contained in:
srifqi 2014-05-15 13:58:46 +07:00
parent 39ea2d6598
commit e83f68234a
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
experiment/waterdrop.html Normal file
View File

@ -0,0 +1,20 @@
<!doctype html>
<html><head>
<title>Waterdrop (444 bytes script)</title>
<meta charset="utf-8" />
</head>
<body style="margin:0;">
<div>
Waterdrop (444 bytes (0.43KB) script)
</div>
<canvas id="c" width="400" height="400"></canvas>
<script>
var b=document.body;
var c=document.getElementsByTagName('canvas')[0];
var a= c.getContext('2d');
document.body.clientWidth;
</script>
<script>
var e=[10,110,210,310],w=h=400,W=H=200,f=0,g=100,h=50/3,i=1000;c.width=c.height=w;for(P in a)a[P[0]+P[P.length>>1]+P[P.length-1]]=a[P];setInterval(function(){with(a){if(f>g)f=0;f+=h/i*g;tse(W,H);A=function(C,e){fillStyle='#'+'0DF4DF9DF'.substr(C*3,3);e&&bnh(),arc(0,0,e,0,7),ceh(),fll();};A(0,w+h);for(var Z=e.length-1;Z>=0;){var r=e[Z--]+f;A(0,r+10);A(1,r+5);A(2,r);A(1,r-5);A(0,r-10)}tse(-W,-H);tse(W,f/g*H|0);A(2,10);tse(-W,-(f/g*H|0))}},h);
</script>
</body></html>