diff options
| -rw-r--r-- | grid.html | 4 | ||||
| -rw-r--r-- | grid3.html | 47 |
2 files changed, 49 insertions, 2 deletions
@@ -25,7 +25,7 @@ var grid_w = 6, grid_h = 4, gap = 1 //var grid_w = 3, grid_h = 3, across = 24, gap = 1 -var canvas = new Matrix (96, 64, function(x,y){ +var canvas = new Matrix (95, 63, function(x,y){ var lex = new Lex (x,y) var i = floor(x / grid_w) @@ -37,7 +37,7 @@ var canvas = new Matrix (96, 64, function(x,y){ lex.char = "x" } - lex.opacity = 1 + lex.opacity = 1 lex.build() return lex }) diff --git a/grid3.html b/grid3.html new file mode 100644 index 0000000..1e56cc4 --- /dev/null +++ b/grid3.html @@ -0,0 +1,47 @@ +<link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" /> +<link rel="stylesheet" href="css/ak.css" type="text/css" charset="utf-8" /> +<style> +* { + font-smooth: never; + -webkit-font-smoothing: none; +} +</style> +<body class="loading"> +<center> + +<div id="canvas_rapper" style="margin: 0 auto;margin-top:7%"> +</div> + +</body> +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> +<script src="js/util.js"></script> +<script src="js/color.js"></script> +<script src="js/lex.js"></script> +<script src="js/matrix.js"></script> +<script> + +// var color_hue_order = ("black dark-blue purple dark-red red orange " + +// "yellow lime green teal cyan blue magenta dark-gray light-gray white").split(" "); + +var grid_w = 6, grid_h = 4, gap = 1 +//var grid_w = 3, grid_h = 3, across = 24, gap = 1 +var canvas = new Matrix (95, 63, function(x,y){ + var lex = new Lex (x,y) + + var i = floor(x / grid_w) + var j = floor(y / grid_h) + + if ( (x % grid_w) != grid_w-gap && (y % grid_h) != grid_h-gap) { + lex.fg = all_inv_hue(i) + lex.bg = all_inv_hue(j) + lex.char = "x" + } + + lex.opacity = 1 + lex.build() + return lex +}) +canvas.append(canvas_rapper) + +document.body.className = "" +</script>
\ No newline at end of file |