shader

1 files changed, 12 insertions, 1 deletions

diff --git a/index.html b/index.html
index 3cb02b1..f049247 100644
--- a/index.html
+++ b/index.html
@@ -24,12 +24,23 @@ body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset
   <span id="text_el" class="tool">text</span>
 
   brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span>
+  canvas size: <span id="canvas_width_el" class="ed">5</span> x <span id="canvas_height_el" class="ed">5</span>
 </div>
 </div>
 
 </body>
-
+<script type="text/javascript-shader" id="demo_shader">
+	if (x > y || y > x + 20 || x > y / 4 + 10) {
+		lex.clear()
+	}
+	else {
+		lex.bg = x+y*y
+		lex.fg = (x+y)%2
+		lex.char = ":"
+	}
+</script>
 <script src="js/lex.js"></script>
 <script src="js/matrix.js"></script>
 <script src="js/tool.js"></script>
+<script src="js/shader.js"></script>
 <script src="js/app.js"></script>