<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>С Днем Рождения</title>
<link type="text/css" rel="StyleSheet" href="http://www.zombio.ru/_st/my.css" />
<div style="display: none;"><img id="photo" src="http://zombio.ru/img/vlada2.png"></div>
<canvas id="c" width="100%" height="100%" style="position: fixed; left: 0px; top: 0px;"></canvas>
<script>
document.body.clientWidth; // webkit fix:
http://qfox.nl/weblog/218 // start of submission //
a = Math, b = a.random, c = [], j = document.getElementById("c"), k = j.getContext("2d"), m = window, n = (W = m.innerWidth) / 2, q = (H = m.innerHeight) / 2, r = M = 1;
function s(o, p, u, v) {
k.fillStyle = o;
k.beginPath();
k.arc(p, u, v, 0, a.PI * 2, 0);
k.closePath();
k.fill()
}
function t(o, p) {
for (g = 40; g--;) if (!c[g]) {
c [g]= {
x: o || n,
y: p || q,
d: o ? b() * 4 - 2 : 0,
e: p ? b() * 4 - 2 : 0,
b: 1,
a: 0,
c: b() > .5
};
return
}
}
with(j.style) {
position = "fixed";
top = left = 0
}
j.width = W;
j.height = H;
for (f = 40; f--;) c [f]= 0; //количество
for (f = 9; f--;) t();
m.setInterval(function () {
k.fillStyle = "rgba(9,9,9,.0)"; //фон
k.fillRect(0, 0, W, H);
for (f = 40; f--;) if (d = c[f]) if (d.a > 1E3) c [f]= 0;
else {
l = d.a / 1E3;
h = l * 7;
d.d += b() * .1 * (n - d.x > 1 ? 1 : n - d.x < -1 ? -1 : n - d.x);
d.e += b() * .1 * (q - d.y > 1 ? 1 : q - d.y < -1 ? -1 : q - d.y);
d.x += d.d;
d.y += d.e;
d.a++;
i = d.c ? "rgba(49,153,255," : "rgba(255,49,166,";
h = 1 - l;
s(i + h + ")", d.x, d.y, 1 + l * 20); // размер шаров
s(i + h / 2 + ")", d.x, d.y, 1 + l * 20); // размер шаров
d.b && d.b--;
if (d.b == 0 && d.a > 250 && d.a < 750 && b() > .9) for (g = 40; g-- && !d.b;) if ((e = c[g]) && e != d && e.a >= d.a) {
i = a.sqrt(d.x - e.x, d.y - e.y);
if (i > -5 && i < 5 && d.c != e.c) {
t(d.x, d.y);
d.b = e.b = 10
}
}
}
r = n > W || n < 0 ? -r : r;
M = q > H || q < 0 ? -M : M;
n += r;
q += M;
var img = document.getElementById("photo");
k.drawImage(img, 450, 0);
}, 15);
// end of submission //
</script>
</html>