Party

index.html

<canvas width="400" height="400"></canvas>

Party.markdown

Party

Rainbows!

Forked from Anders K's Pen Party.

A Pen by Jordan Halvorsen on CodePen.

License.

script.js

var canvas = document.querySelector("canvas");
var ctx = canvas.getContext("2d");

ctx.font = "900 80px sans-serif";
ctx.lineWidth=2;
var str = "FTW";
var strwidth = ctx.measureText(str).width;

var width=canvas.width;

var c=0;
var color=0;
var img;

(function a() {
   img=ctx.getImageData(0,0,width,width);
   ctx.putImageData(img,0,10);
   ctx.save();
   ctx.translate((width/2),width/2);
   ctx.rotate(Math.PI*(c++/200));
   
   ctx.fillStyle='hsla('+(color=color+4%360)+', 100%, 50%, 1)';
   ctx.fillText("FTW",-(strwidth/2),20);
   ctx.strokeText("FTW",-(strwidth/2),20);
   
   ctx.restore();
   
   requestAnimationFrame(a);
})();

style.css

html,body,canvas {
   padding:0px;
   margin:0px;
   overflow:hidden;
   height:100%;
}

body {
   background: #ffffff);
}

canvas {
   display:block;
   margin:auto;
   width:100vmin;
   height:100vmin;
}