November 3, 2015 22:31
diff --git a/index.html b/index.html
 <canvas width="400" height="400"></canvas>
diff --git a/Party.markdown b/Party.markdown
diff --git a/script.js b/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);
 })();




diff --git a/style.css b/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;
 }
	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);
	})();
No results found