sergelerner · August 29, 2015 14:15
diff --git a/index.html b/index.html
 <!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    
    <style>
      canvas {
        display: block;
      }
    </style>
    
    <script src="script.js"></script>
      
  </head>
  <body>
    <canvas id="canvas"></canvas>
  </body>
 </html>
diff --git a/script.js b/script.js
 window.onload = function() {
  var canvas = document.getElementById("canvas"),
      context = canvas.getContext("2d"),
      width = canvas.width = window.innerWidth,
      height = canvas.height = window.innerHeight;
  
  context.translate(0, height/2);
  context.scale(1, -1);
  
  for (var angle = 0; angle < Math.PI * 2; angle += .1) {
    
    var x = angle * 100,
        y = Math.sin(angle) * 200;

    context.fillRect(x, y, 5, 5);
  }
 
 }
	window.onload = function() {
	var canvas = document.getElementById("canvas"),
	context = canvas.getContext("2d"),
	width = canvas.width = window.innerWidth,
	height = canvas.height = window.innerHeight;

	context.translate(0, height/2);
	context.scale(1, -1);

	for (var angle = 0; angle < Math.PI * 2; angle += .1) {

	var x = angle * 100,
	y = Math.sin(angle) * 200;

	context.fillRect(x, y, 5, 5);
	}

	}