<script>

​

var b = document.body;

var imgurl = "https://supplies.ju.mp/assets/images/gallery02/a817fc32.gif?v=88438ad1";

var size = [10, 20];

function rand(min, max)

{

return Math.floor(Math.random() * (max - min + 1) + min)

}

function getSize()

{

return rand(size[0], size[1]);

}

function lerp(a,b,f)

{

return (b-a)*f+a;

}

function heart(x,y)

{

var s = getSize();

x -= s/2;

y -= s/2;

x = Math.floor(x) + rand(-5, 5);

y = Math.floor(y) + rand(-5, 5);

var fx = x + rand(-40, 40);

var fy = y + rand(-40, 40);

var i = document.createElement("img");

i.src = imgurl;

i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${x}px; top: ${y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;

b.appendChild(i);

var f = 0;

var interval;

interval = setInterval(function() {

var _x = Math.floor(lerp(x, fx, f));

var _y = Math.floor(lerp(y, fy, f));

i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${_x}px; top: ${_y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;

i.style.opacity = 1-f;

f += 0.01;

if (f > 1)

{

clearInterval(interval);

b.removeChild(i);

}

}, 10);

}

function bro(x,y)

{

for (var i = 0; i < 5; i++)

{

heart(x,y);

}

}

b.addEventListener("click", function(event){

var x = event.clientX;

var y = event.clientY;

bro(x,y);

});

​

</script>