- Author:
- junt
- Twitter:
- @
- GitHub:
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- Compo:
- classic
- Demo link:
- https://js1k.com/2012-love/demo/1225
- Shortlink:
- https://js1k.com/1225
- Blog post:
- please update here!
- Bytes:
- 1010
- Chars:
- 1010
- Submission
d=document;b=d.body;sw=b.clientWidth;sh=b.clientHeight;hn=500;mm=[0,0];c=new m();dt1=[[2,0],[4,0],[1,1],[3,1],[5,1],[0,2],[6,2],[1,3],[5,3],[2,4],[4,4],[3,5]];dt2=[[1,0],[0,1],[2,1],[1,2]];_a=[];for(var h=0;h<hn;h++){_a.push([5 * r(),sw * r(),sh * r(),5 * r()+5,0.06 * r(),r()<0.5?dt1:dt2]);}setInterval(function(){c.x.clearRect(0,0,sw,sh);for(i=0;i<hn;i++){p=_a[i];p[2]+=p[3] - mm[1] * p[4];p[1]+=-mm[0] * p[4];(p[2]>sh)?p[2]=0:0;(p[2]<0)?p[2]=sh:0;(p[1]>sw)?p[1]=0:0;(p[1]<0)?p[1]=sw:0;var h=new ht(p[5],p[0],p[1],p[2]);}},100);b.addEventListener("mousemove",function(e){mm=[(e.pageX -(sw/2)),(e.pageY -(sh/2))];});function dt(c,ar,px,py,s){c.x.beginPath();for(j=0;j<ar.length;j++){c.x.fillStyle=Math.floor(r() * 0xFFFFFF).toString(16);c.x.fillRect(ar[j][0] * s+px,ar[j][1] * s+py,s,s);}}function ht(hd,s,px,py){var u=s;var d=new dt(c,hd,px,py,u);}function m(){_=this;_.v=d.createElement("canvas");_.x=this.v.getContext("2d");b.appendChild(_.v);_.v.width=sw;_.v.height=sh;}function r(){return Math.random();}
- Description
- hearts and somethings fall and float. it can be controlled a little by moving mouse
- Base64 encoded
ZD1kb2N1bWVudDtiPWQuYm9keTtzdz1iLmNsaWVudFdpZHRoO3NoPWIuY2xpZW50SGVpZ2h0O2huPTUwMDttbT1bMCwwXTtjPW5ldyBtKCk7ZHQxPVtbMiwwXSxbNCwwXSxbMSwxXSxbMywxXSxbNSwxXSxbMCwyXSxbNiwyXSxbMSwzXSxbNSwzXSxbMiw0XSxbNCw0XSxbMyw1XV07ZHQyPVtbMSwwXSxbMCwxXSxbMiwxXSxbMSwyXV07X2E9W107Zm9yKHZhciBoPTA7aDxobjtoKyspe19hLnB1c2goWzUgKiByKCksc3cgKiByKCksc2ggKiByKCksNSAqIHIoKSs1LDAuMDYgKiByKCkscigpPDAuNT9kdDE6ZHQyXSk7fXNldEludGVydmFsKGZ1bmN0aW9uKCl7Yy54LmNsZWFyUmVjdCgwLDAsc3csc2gpO2ZvcihpPTA7aTxobjtpKyspe3A9X2FbaV07cFsyXSs9cFszXSAtIG1tWzFdICogcFs0XTtwWzFdKz0tbW1bMF0gKiBwWzRdOyhwWzJdPnNoKT9wWzJdPTA6MDsocFsyXTwwKT9wWzJdPXNoOjA7KHBbMV0+c3cpP3BbMV09MDowOyhwWzFdPDApP3BbMV09c3c6MDt2YXIgaD1uZXcgaHQocFs1XSxwWzBdLHBbMV0scFsyXSk7fX0sMTAwKTtiLmFkZEV2ZW50TGlzdGVuZXIoIm1vdXNlbW92ZSIsZnVuY3Rpb24oZSl7bW09WyhlLnBhZ2VYIC0oc3cvMikpLChlLnBhZ2VZIC0oc2gvMikpXTt9KTtmdW5jdGlvbiBkdChjLGFyLHB4LHB5LHMpe2MueC5iZWdpblBhdGgoKTtmb3Ioaj0wO2o8YXIubGVuZ3RoO2orKyl7Yy54LmZpbGxTdHlsZT1NYXRoLmZsb29yKHIoKSAqIDB4RkZGRkZGKS50b1N0cmluZygxNik7Yy54LmZpbGxSZWN0KGFyW2pdWzBdICogcytweCxhcltqXVsxXSAqIHMrcHkscyxzKTt9fWZ1bmN0aW9uIGh0KGhkLHMscHgscHkpe3ZhciB1PXM7dmFyIGQ9bmV3IGR0KGMsaGQscHgscHksdSk7fWZ1bmN0aW9uIG0oKXtfPXRoaXM7Xy52PWQuY3JlYXRlRWxlbWVudCgiY2FudmFzIik7Xy54PXRoaXMudi5nZXRDb250ZXh0KCIyZCIpO2IuYXBwZW5kQ2hpbGQoXy52KTtfLnYud2lkdGg9c3c7Xy52LmhlaWdodD1zaDt9ZnVuY3Rpb24gcigpe3JldHVybiBNYXRoLnJhbmRvbSgpO30=
- Original source
d = document;
b = d.body;
sw = b.clientWidth;
sh = b.clientHeight;
hn = 500;
mm = [0, 0];
c = new m();
dt1 = [[2, 0], [4, 0], [1, 1], [3, 1], [5, 1], [0, 2], [6, 2], [1, 3], [5, 3], [2, 4], [4, 4], [3, 5]];
dt2 = [[1, 0], [0, 1], [2, 1], [1, 2]];
_a = [];
for(var h = 0; h < hn; h++) {
_a.push([5 * r(), sw * r(), sh * r(), 5 * r() + 5, 0.06 * r(), r() < 0.5 ? dt1 : dt2]);
}
setInterval(function() {
c.x.clearRect(0, 0, sw, sh);
for( i = 0; i < hn; i++) {
p = _a[i];
p[2] += p[3] - mm[1] * p[4];
p[1] += -mm[0] * p[4];
(p[2] > sh) ? p[2] = 0 : 0;
(p[2] < 0) ? p[2] = sh : 0;
(p[1] > sw) ? p[1] = 0 : 0;
(p[1] < 0) ? p[1] = sw : 0;
var h = new ht(p[5], p[0], p[1], p[2]);
}
}, 100);
b.addEventListener("mousemove", function(e) {
mm = [(e.pageX - (sw / 2)), (e.pageY - (sh / 2))];
});
function dt(c, ar, px, py, s) {
c.x.beginPath();
for( j = 0; j < ar.length; j++) {
c.x.fillStyle = Math.floor(r() * 0xFFFFFF).toString(16);
c.x.fillRect(ar[j][0] * s + px, ar[j][1] * s + py, s, s);
}
}
function ht(hd, s, px, py) {
var u = s;
var d = new dt(c, hd, px, py, u);
}
function m() {
_ = this;
_.v = d.createElement("canvas");
_.x = this.v.getContext("2d");
b.appendChild(_.v);
_.v.width = sw;
_.v.height = sh;
}
function r() {
return Math.random();
}
