summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorJules Laplace <jules@okfoc.us>2014-11-22 15:17:16 -0500
committerJules Laplace <jules@okfoc.us>2014-11-22 15:17:16 -0500
commit61ea379940152da18052a02185eb204fc7a9683d (patch)
tree71e7f9c9b7ed52ce6651ba8339b371bce4b6da7c /index.html
parentb4d19e469b3de98778002ac97814c6b647cba113 (diff)
color functions and animate switch
Diffstat (limited to 'index.html')
-rw-r--r--index.html7
1 files changed, 5 insertions, 2 deletions
diff --git a/index.html b/index.html
index 79740fe..bdc8747 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset
#cursor_input { position: absolute; top: 0; right: 0; width:30px; }
</style>
-<body class="grid loading">
+<body class="loading">
<div>
<div id="canvas_rapper" class="rapper"></div>
@@ -33,13 +33,15 @@ body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset
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">80</span> x <span id="canvas_height_el" class="ed">24</span>
+
+ <span id="animate_checkbox" class="tool">_ animate</span>
</div>
<textarea id="shader_textarea"></textarea>
</div>
<input type="text" id="cursor_input">
</body>
<script type="text/javascript-shader" id="demo_shader">
- lex.bg = colors[color_hue_order[Math.floor((x+y*y)/20)%16]]
+ lex.bg = colors[color_hue_order[Math.floor((x+y*y+t)/20)%16]]
lex.fg = (x+y)%16
lex.char = (y%2) ? ":" : "%"
@@ -59,5 +61,6 @@ body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset
<script src="js/matrix.js"></script>
<script src="js/tool.js"></script>
<script src="js/shader.js"></script>
+<script src="js/color.js"></script>
<script src="js/draw.js"></script>
<script src="js/app.js"></script>