VIEWPOINTS

PLENTY OF THEM

by Kingdaro

JavaScript

div = document.createElement('div');
div.innerHTML = 'FUCKING<br>VIEWPOINTS';
div.style.font = '75pt arial bold';
div.style.textAlign = 'center';
div.style.position = 'absolute';

rot = 0;
bounce = 0;
color = 0;

function update(){
    rot += 1/20;
    bounce += 1/30;
    color += 5;

    div.style.left = (window.innerWidth/2 - div.clientWidth/2) + 'px';
    div.style.top = (window.innerHeight/2 - div.clientHeight/2 - Math.abs(Math.sin(bounce))*200 + 100) + 'px';
    div.style.webkitTransform = 'rotate(' + (Math.sin(rot)*200 + 180) + 'deg)';
    div.style.color = 'hsl(' + color%360 + ',100%, 50%)';
    
    setTimeout(update, 1/30);
}

document.body.appendChild(div);
update();