Js Canvas Base

by makurell

HTML

<canvas id="c"></canvas>

CSS

* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
canvas { display:block; }

JavaScript

var c = document.getElementById('c'),
cx = c.getContext('2d');

var t = 0; //gametime
var speed = 1; //gamespeed
var fps = 120;//max is 1000
var f = 1000.0/fps*speed;

(function() {        
  	function resizeCanvas() {
      c.width = window.innerWidth;
      c.height = window.innerHeight;
      draw(); 
    }
    window.addEventListener('resize', resizeCanvas, false);
    resizeCanvas();
    
    init();
    var timer=setInterval(function(){
      clear();
    	update();
      draw();
      t+=f;
    },1000.0/fps);
    
    function init(){
    }
    
    function update(){
    }
    
    function draw(){
    }
    
    function clear(){
    }
})();