sabha/Jitter.html

## Jitter.html
<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var x = 95;
var y = 50;
var f = false;
function gameLoop(){
	var rand = Math.random();
    f = !f;
    x = (f) ? x+rand : x-rand;
    y = (f) ? y+rand : y-rand;
	ctx.clearRect(0,0,200,100);

    ctx.rect(0,0,200,100);
    ctx.fillStyle = "black";
    ctx.fill();

    ctx.beginPath();
    ctx.fillStyle = "red";
    ctx.arc(x,y,10,0,2*Math.PI);
    ctx.fill();
}
setInterval(gameLoop, 100);

</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>

	<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
	Your browser does not support the HTML5 canvas tag.</canvas>

	<script>
	var c = document.getElementById("myCanvas");
	var ctx = c.getContext("2d");
	var x = 95;
	var y = 50;
	var f = false;
	function gameLoop(){
	var rand = Math.random();
	f = !f;
	x = (f) ? x+rand : x-rand;
	y = (f) ? y+rand : y-rand;
	ctx.clearRect(0,0,200,100);

	ctx.rect(0,0,200,100);
	ctx.fillStyle = "black";
	ctx.fill();

	ctx.beginPath();
	ctx.fillStyle = "red";
	ctx.arc(x,y,10,0,2*Math.PI);
	ctx.fill();
	}
	setInterval(gameLoop, 100);

	</script>

	</body>
	</html>