Fire JS Bin - dotcat

/* -----------------------
  dot cat
  - canvas練習 2日目 -
  by kinacom
  100917
----------------------- */

var canvasSetup = {
  width: 400,
  height: 300,
  id: "myCanvas"
};
var grid = 10;
var box = document.getElementById("box");
//今日はbody直下に作ってみる・・・予定だったけどやめた。
//var box = document.getElementsByTagName("body").item(0);

//初期ドット座標
var dot = [
[7,4],[7,5],[7,6],[7,7],[8,8],[8,9],[7,10],[7,11],[7,12],[7,13],[7,14],[7,15],[7,16],[8,17],[9,18],[10,19],[11,19],[12,20],[13,20],[14,20],[13,21],[13,22],[13,23],[8,3],[9,3],[10,4],[11,4],[12,5],[13,5],[13,6],[12,7],[14,6],[15,6],[16,6],[17,6],[18,6],[19,6],[20,6],[21,7],[20,5],[21,5],[22,4],[23,4],[24,3],[25,3],[26,4],[26,5],[26,6],[26,7],[25,8],[25,9],[26,10],[26,11],[26,12],[26,13],[26,14],[26,15],[26,16],[25,17],[24,18],[23,19],[22,19],[21,20],[20,20],[19,20],[20,21],[21,22],[22,23],[11,11],[12,11],[11,12],[12,12],[11,13],[11,14],[12,14],[21,11],[22,11],[21,12],[22,12],[21,13],[21,14],[22,14],[15,16],[16,16],[17,16],[18,16],[6,13],[8,13],[6,15],[8,15],[25,13],[27,13],[25,15],[27,15]
];

var eye = [];
//1こまめ
eye[0] = [
[11,11],[12,11],[11,12],[12,12],[11,13],[11,14],[12,14],[21,11],[22,11],[21,12],[22,12],[21,13],[21,14],[22,14]
];
//2こまめ
eye[1] = [
[11,12],[12,12],[11,13],[12,13],[11,14],[12,14],[21,12],[22,12],[21,13],[22,13],[21,14],[22,14]
];
//3こまめ
eye[2] = [
[11,13],[12,13],[11,14],[12,14],[21,13],[22,13],[21,14],[22,14]
];
//4こまめ
eye[3] = [
[11,14],[12,14],[21,14],[22,14]
];

window.addEventListener("load",function(){
  var canvas = document.createElement("canvas");
  for(var key in canvasSetup){
   canvas.setAttribute(key,canvasSetup[key]); 
  }
  box.appendChild(canvas);
  drawCanvas();
},false);