tricknotes · November 29, 2011 17:22 · tricknotes · Nov 29, 2011
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <style type="text/css">
      body {
        width: 100%;
        height: 100%;
        background-color: #666;
      }
      canvas {
        width: 600px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script src="rect.js"></script>
    <script src="main.js"></script>
  </body>
 </html>
diff --git a/main.js b/main.js
 (function(window) {
  var canvas = document.getElementById('canvas');
  window.fillRect(canvas);
 })(window);
diff --git a/rect.js b/rect.js
 (function(global) {
  global.fillRect = function (canvas) {
    var ctx = canvas.getContext('2d');
    ctx.fillStyle = "white";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "red";
    ctx.fillRect(2, 2, 50, 30);
  }
 })(typeof window == 'undefined' ? module.exports : window);
diff --git a/term.js b/term.js
 var fillRect = require('./rect').fillRect;
 var Canvas = require('term-canvas');

 var canvas = new Canvas(50, 50);
 fillRect(canvas);
	(function(window) {
	var canvas = document.getElementById('canvas');
	window.fillRect(canvas);
	})(window);
	(function(global) {
	global.fillRect = function (canvas) {
	var ctx = canvas.getContext('2d');
	ctx.fillStyle = "white";
	ctx.fillRect(0, 0, canvas.width, canvas.height);
	ctx.fillStyle = "red";
	ctx.fillRect(2, 2, 50, 30);
	}
	})(typeof window == 'undefined' ? module.exports : window);
	var fillRect = require('./rect').fillRect;
	var Canvas = require('term-canvas');

	var canvas = new Canvas(50, 50);
	fillRect(canvas);