From 9af73954ceba774a0e0d4a7f473fc8c2e4de8710 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucio=20Andr=C3=A9s=20Illanes=20Albornoz=20=28arab=2C=20vx?=
 =?UTF-8?q?p=29?= <lucio@lucioillanes.de>
Date: Thu, 25 Oct 2018 01:35:06 +0200
Subject: [PATCH] js/{draw,gfx}.js: merged. index.html: updates script URIs.

---
 index.html |   2 +-
 js/draw.js | 221 ----------------------------------
 js/gfx.js  | 339 ++++++++++++++++++++++++++++++++++++++++++++---------
 3 files changed, 282 insertions(+), 280 deletions(-)
 delete mode 100644 js/draw.js

diff --git a/index.html b/index.html
index dae79d7..470a263 100644
--- a/index.html
+++ b/index.html
@@ -140,7 +140,7 @@
 <script src="js/matrix.js"></script>
 <script src="js/gfx.js"></script>
 <script src="js/ui/tool.js"></script>
-<script src="js/draw.js"></script>
+<script src="js/gfx.js"></script>
 
 <script src="js/ui/brush.js"></script>
 <script src="js/ui/canvas.js"></script>
diff --git a/js/draw.js b/js/draw.js
deleted file mode 100644
index 9b0e3b9..0000000
--- a/js/draw.js
+++ /dev/null
@@ -1,221 +0,0 @@
-
-var draw = (function(){
-
-  var last_point = [0,0]
-  
-  function down (e, lex, point) {
-    var w = canvas.w, h = canvas.h
-    erasing = (e.which == "3" || e.ctrlKey)
-    changed = true
-    if (e.shiftKey) {
-      line (lex, last_point, point, erasing)
-      if (mirror_x) {
-        line(lex, [w-last_point[0], last_point[1]], [w-point[0], point[1]], erasing)
-      }
-      if (mirror_y) {
-        line(lex, [last_point[0], h-last_point[1]], [point[0], h-point[1]], erasing)
-      }
-      if (mirror_x && mirror_y) {
-        line(lex, [w-last_point[0], h-last_point[1]], [w-point[0], h-point[1]], erasing)
-      }
-    }
-    else {
-      stamp (canvas, brush, point[0], point[1], erasing)
-      if (mirror_x) {
-        stamp (canvas, brush, w-point[0], point[1], erasing)
-      }
-      if (mirror_y) {
-        stamp (canvas, brush, point[0], h-point[1], erasing)
-      }
-      if (mirror_x && mirror_y) {
-        stamp (canvas, brush, w-point[0], h-point[1], erasing)
-      }
-    }
-    last_point[0] = point[0]
-    last_point[1] = point[1]
-  }
-  
-  function set_last_point (e, point) {
-    last_point[0] = point[0]
-    last_point[1] = point[1]
-  }
-  
-  function move (e, lex, point) {
-    var w = canvas.w, h = canvas.h
-    line(lex, last_point, point, erasing)
-    if (mirror_x) {
-      line(lex, [w-last_point[0], last_point[1]], [w-point[0], point[1]], erasing)
-    }
-    if (mirror_y) {
-      line(lex, [last_point[0], h-last_point[1]], [point[0], h-point[1]], erasing)
-    }
-    if (mirror_x && mirror_y) {
-      line(lex, [w-last_point[0], h-last_point[1]], [w-point[0], h-point[1]], erasing)
-    }
-
-    last_point[0] = point[0]
-    last_point[1] = point[1]
-  }
-  
-  function move_toroidal (e, lex, point) {
-    var w = canvas.w, h = canvas.h
-    var src_x_quantile = quantile( last_point[0], w )
-    var src_y_quantile = quantile( last_point[1], h )
-    var dst_x_quantile = quantile( point[0], w )
-    var dst_y_quantile = quantile( point[1], h )
-    var src_x_mod = mod( last_point[0], w )
-    var src_y_mod = mod( last_point[1], h )
-    var dst_x_mod = mod( point[0], w )
-    var dst_y_mod = mod( point[1], h )
-    // if we've moved across the edge of the board, draw two lines
-    if (src_x_quantile != dst_x_quantile || src_y_quantile != dst_y_quantile) {
-      var xa, ya
-      if (src_x_quantile < dst_x_quantile) {
-        xa = [
-          [src_x_mod, dst_x_mod + w],
-          [src_x_mod-w, dst_x_mod],
-        ]
-      }
-      else if (src_x_quantile == dst_x_quantile) {
-        xa = [
-          [src_x_mod, dst_x_mod],
-          [src_x_mod, dst_x_mod],
-        ]
-      }
-      else {
-        xa = [
-          [src_x_mod, dst_x_mod-w],
-          [src_x_mod+w, dst_x_mod],
-        ]
-      }
-
-      if (src_y_quantile < dst_y_quantile) {
-        ya = [
-          [src_y_mod, dst_y_mod + h],
-          [src_y_mod-h, dst_y_mod],
-        ]
-      }
-      else if (src_y_quantile == dst_y_quantile) {
-        ya = [
-          [src_y_mod, dst_y_mod],
-          [src_y_mod, dst_y_mod],
-        ]
-      }
-      else {
-        ya = [
-          [src_y_mod, dst_y_mod-h],
-          [src_y_mod+h, dst_y_mod],
-        ]
-      }
-      line(lex, [ xa[0][0], ya[0][0] ], [ xa[0][1], ya[0][1] ], erasing)
-      line(lex, [ xa[1][0], ya[1][0] ], [ xa[1][1], ya[1][1] ], erasing)
-    }
-    else {
-      var x_a = mod( last_point[0], w )
-      var y_a = mod( last_point[1], h )
-      var x_b = mod( point[0], w )
-      var y_b = mod( point[1], h )
-      var last_point_mod = [x_b, y_b], point_mod = [x_a, y_a]
-      line(lex, last_point_mod, point_mod, erasing)
-      // if (mirror_x) {
-      //   line(lex, [w-last_point_mod[0], last_point_mod[1]], [w-point_mod[0], point_mod[1]], erasing)
-      // }
-      // if (mirror_y) {
-      //   line(lex, [last_point_mod[0], h-last_point_mod[1]], [point_mod[0], h-point_mod[1]], erasing)
-      // }
-    }
-    last_point[0] = point[0]
-    last_point[1] = point[1]
-    // y = point.y
-  }
-  
-  function point (lex, x, y, erasing) {
-    stamp (canvas, brush, x, y, erasing)
-  }
-
-  function line (lex, a, b, erasing) {
-    var len = dist(a[0], a[1], b[0], b[1])
-    var bw = 1
-    var x, y, i;
-    for (var i = 0; i <= len; i += bw) {
-      x = lerp(i / len, a[0], b[0])
-      y = lerp(i / len, a[1], b[1])
-      stamp (canvas, brush, x, y, erasing)
-    }
-  }
-
-  function stamp (canvas, brush, x, y, erasing) {
-    var hh = brush.w/2|0
-    brush.forEach(function(lex, s, t){
-      s = round( s + x-hh )
-      t = round( t + y-hh )
-      if (s >= 0 && s < canvas.w && t >= 0 && t < canvas.h) {
-        if (lex.opacity === 0 && lex.char === ' ') return;
-        var aa = canvas.aa[t][s]
-        undo.save_lex(s, t, aa)
-        if (erasing) {
-          aa.erase(lex)
-        }
-        else {
-          aa.stamp(lex, brush)
-        }
-      }
-    })
-  }
-  
-  function fill (lex, x, y) {
-    var q = [ [x,y] ]
-    var aa = canvas.aa
-    var target = aa[y][x].clone()
-    var n, w = 0, e = 0, j = 0
-    var kk = 0
-    // gets into a weird infinite loop if we don't break here.. :\
-    if (target.eq(lex)) { return }
-    LOOP: while (q.length) {
-      n = q.shift()
-      if (aa[n[1]][n[0]].ne(target)) {
-        continue LOOP
-      }
-      w = e = n[0]
-      j = n[1]
-      WEST: while (w > 0) {
-        if (aa[j][w-1].eq(target)) {
-          w = w-1
-        }
-        else {
-          break WEST
-        }
-      }
-      EAST: while (e < canvas.w-1) {
-        if (aa[j][e+1].eq(target)) {
-          e = e+1
-        }
-        else {
-          break EAST
-        }
-      }
-      for (var i = w; i <= e; i++) {
-        undo.save_lex(i, j, aa[j][i])
-        aa[j][i].assign(lex)
-        if (j > 0 && aa[j-1][i].eq(target)) {
-          q.push([ i, j-1 ])
-        }
-        if (j < canvas.h-1 && aa[j+1][i].eq(target)) {
-          q.push([ i, j+1 ])
-        }
-      }
-    }
-  }
-
-  var draw = {}
-  draw.down = down
-  draw.set_last_point = set_last_point
-  draw.move = move
-  draw.move_toroidal = move_toroidal
-  draw.stamp = stamp
-  draw.line = line
-  draw.point = point
-  draw.fill = fill
-  return draw
-
-})()
diff --git a/js/gfx.js b/js/gfx.js
index 7efe45d..1bf9034 100644
--- a/js/gfx.js
+++ b/js/gfx.js
@@ -1,61 +1,3 @@
-var shader = (function(){
-  var fn_str, fn, lex
-  var exports = {}
-  var animating = false
-  
-  exports.init = function(){
-    lex = new Lex (0, 0)
-    exports.build(demo_shader.innerHTML)
-  }
-  exports.build = function (fn_str){
-    try {
-      new_fn = new Function('lex', 'x', 'y', 'w', 'h', 't', fn_str)
-      new_fn(lex, 0, 0, 1, 1, 0)
-    }
-    catch (e) {
-      throw 'Shader execution error'
-    }
-    exports.fn = fn = new_fn
-    return fn
-  }
-  exports.run = function(canvas){
-    var t = +new Date
-    shader.canvas = shader.canvas || canvas
-    var w = shader.canvas.w, h = shader.canvas.h
-    shader.canvas.forEach(function(lex, x, y){
-      fn(lex, x, y, w, h, t)
-      lex.build()
-    })
-  }
-  exports.toggle = function(state){
-    animating = typeof state == "boolean" ? state : ! animating
-    shader_fps_el.classList.toggle('hidden')
-    return animating
-  }
-  exports.pause = function(){
-    animating = false
-    shader_fps_el.classList.add('hidden')
-    shader.fps_time = 0
-  }
-  exports.play = function(){
-    animating = true
-    shader_fps_el.classList.remove('hidden')
-  }
-  exports.animate = function (t){
-    requestAnimationFrame(exports.animate)
-    if (! animating) { return } 
-    if (shader.fps_time){
-      var ms = Date.now() - shader.fps_time
-      fps = 1000 / ms
-      shader_fps_el.innerHTML = (fps | 0) + ' fps'
-    }
-    shader.fps_time = Date.now()
-    exports.run(canvas)
-  }
-  
-  return exports
-
-})()
 
 var blit = (function(){
   var blit = {}
@@ -162,3 +104,284 @@ var blit = (function(){
   }
   return blit
 })()
+
+var draw = (function(){
+
+  var last_point = [0,0]
+  
+  function down (e, lex, point) {
+    var w = canvas.w, h = canvas.h
+    erasing = (e.which == "3" || e.ctrlKey)
+    changed = true
+    if (e.shiftKey) {
+      line (lex, last_point, point, erasing)
+      if (mirror_x) {
+        line(lex, [w-last_point[0], last_point[1]], [w-point[0], point[1]], erasing)
+      }
+      if (mirror_y) {
+        line(lex, [last_point[0], h-last_point[1]], [point[0], h-point[1]], erasing)
+      }
+      if (mirror_x && mirror_y) {
+        line(lex, [w-last_point[0], h-last_point[1]], [w-point[0], h-point[1]], erasing)
+      }
+    }
+    else {
+      stamp (canvas, brush, point[0], point[1], erasing)
+      if (mirror_x) {
+        stamp (canvas, brush, w-point[0], point[1], erasing)
+      }
+      if (mirror_y) {
+        stamp (canvas, brush, point[0], h-point[1], erasing)
+      }
+      if (mirror_x && mirror_y) {
+        stamp (canvas, brush, w-point[0], h-point[1], erasing)
+      }
+    }
+    last_point[0] = point[0]
+    last_point[1] = point[1]
+  }
+  
+  function set_last_point (e, point) {
+    last_point[0] = point[0]
+    last_point[1] = point[1]
+  }
+  
+  function move (e, lex, point) {
+    var w = canvas.w, h = canvas.h
+    line(lex, last_point, point, erasing)
+    if (mirror_x) {
+      line(lex, [w-last_point[0], last_point[1]], [w-point[0], point[1]], erasing)
+    }
+    if (mirror_y) {
+      line(lex, [last_point[0], h-last_point[1]], [point[0], h-point[1]], erasing)
+    }
+    if (mirror_x && mirror_y) {
+      line(lex, [w-last_point[0], h-last_point[1]], [w-point[0], h-point[1]], erasing)
+    }
+
+    last_point[0] = point[0]
+    last_point[1] = point[1]
+  }
+  
+  function move_toroidal (e, lex, point) {
+    var w = canvas.w, h = canvas.h
+    var src_x_quantile = quantile( last_point[0], w )
+    var src_y_quantile = quantile( last_point[1], h )
+    var dst_x_quantile = quantile( point[0], w )
+    var dst_y_quantile = quantile( point[1], h )
+    var src_x_mod = mod( last_point[0], w )
+    var src_y_mod = mod( last_point[1], h )
+    var dst_x_mod = mod( point[0], w )
+    var dst_y_mod = mod( point[1], h )
+    // if we've moved across the edge of the board, draw two lines
+    if (src_x_quantile != dst_x_quantile || src_y_quantile != dst_y_quantile) {
+      var xa, ya
+      if (src_x_quantile < dst_x_quantile) {
+        xa = [
+          [src_x_mod, dst_x_mod + w],
+          [src_x_mod-w, dst_x_mod],
+        ]
+      }
+      else if (src_x_quantile == dst_x_quantile) {
+        xa = [
+          [src_x_mod, dst_x_mod],
+          [src_x_mod, dst_x_mod],
+        ]
+      }
+      else {
+        xa = [
+          [src_x_mod, dst_x_mod-w],
+          [src_x_mod+w, dst_x_mod],
+        ]
+      }
+
+      if (src_y_quantile < dst_y_quantile) {
+        ya = [
+          [src_y_mod, dst_y_mod + h],
+          [src_y_mod-h, dst_y_mod],
+        ]
+      }
+      else if (src_y_quantile == dst_y_quantile) {
+        ya = [
+          [src_y_mod, dst_y_mod],
+          [src_y_mod, dst_y_mod],
+        ]
+      }
+      else {
+        ya = [
+          [src_y_mod, dst_y_mod-h],
+          [src_y_mod+h, dst_y_mod],
+        ]
+      }
+      line(lex, [ xa[0][0], ya[0][0] ], [ xa[0][1], ya[0][1] ], erasing)
+      line(lex, [ xa[1][0], ya[1][0] ], [ xa[1][1], ya[1][1] ], erasing)
+    }
+    else {
+      var x_a = mod( last_point[0], w )
+      var y_a = mod( last_point[1], h )
+      var x_b = mod( point[0], w )
+      var y_b = mod( point[1], h )
+      var last_point_mod = [x_b, y_b], point_mod = [x_a, y_a]
+      line(lex, last_point_mod, point_mod, erasing)
+      // if (mirror_x) {
+      //   line(lex, [w-last_point_mod[0], last_point_mod[1]], [w-point_mod[0], point_mod[1]], erasing)
+      // }
+      // if (mirror_y) {
+      //   line(lex, [last_point_mod[0], h-last_point_mod[1]], [point_mod[0], h-point_mod[1]], erasing)
+      // }
+    }
+    last_point[0] = point[0]
+    last_point[1] = point[1]
+    // y = point.y
+  }
+  
+  function point (lex, x, y, erasing) {
+    stamp (canvas, brush, x, y, erasing)
+  }
+
+  function line (lex, a, b, erasing) {
+    var len = dist(a[0], a[1], b[0], b[1])
+    var bw = 1
+    var x, y, i;
+    for (var i = 0; i <= len; i += bw) {
+      x = lerp(i / len, a[0], b[0])
+      y = lerp(i / len, a[1], b[1])
+      stamp (canvas, brush, x, y, erasing)
+    }
+  }
+
+  function stamp (canvas, brush, x, y, erasing) {
+    var hh = brush.w/2|0
+    brush.forEach(function(lex, s, t){
+      s = round( s + x-hh )
+      t = round( t + y-hh )
+      if (s >= 0 && s < canvas.w && t >= 0 && t < canvas.h) {
+        if (lex.opacity === 0 && lex.char === ' ') return;
+        var aa = canvas.aa[t][s]
+        undo.save_lex(s, t, aa)
+        if (erasing) {
+          aa.erase(lex)
+        }
+        else {
+          aa.stamp(lex, brush)
+        }
+      }
+    })
+  }
+  
+  function fill (lex, x, y) {
+    var q = [ [x,y] ]
+    var aa = canvas.aa
+    var target = aa[y][x].clone()
+    var n, w = 0, e = 0, j = 0
+    var kk = 0
+    // gets into a weird infinite loop if we don't break here.. :\
+    if (target.eq(lex)) { return }
+    LOOP: while (q.length) {
+      n = q.shift()
+      if (aa[n[1]][n[0]].ne(target)) {
+        continue LOOP
+      }
+      w = e = n[0]
+      j = n[1]
+      WEST: while (w > 0) {
+        if (aa[j][w-1].eq(target)) {
+          w = w-1
+        }
+        else {
+          break WEST
+        }
+      }
+      EAST: while (e < canvas.w-1) {
+        if (aa[j][e+1].eq(target)) {
+          e = e+1
+        }
+        else {
+          break EAST
+        }
+      }
+      for (var i = w; i <= e; i++) {
+        undo.save_lex(i, j, aa[j][i])
+        aa[j][i].assign(lex)
+        if (j > 0 && aa[j-1][i].eq(target)) {
+          q.push([ i, j-1 ])
+        }
+        if (j < canvas.h-1 && aa[j+1][i].eq(target)) {
+          q.push([ i, j+1 ])
+        }
+      }
+    }
+  }
+
+  var draw = {}
+  draw.down = down
+  draw.set_last_point = set_last_point
+  draw.move = move
+  draw.move_toroidal = move_toroidal
+  draw.stamp = stamp
+  draw.line = line
+  draw.point = point
+  draw.fill = fill
+  return draw
+
+})()
+
+var shader = (function(){
+  var fn_str, fn, lex
+  var exports = {}
+  var animating = false
+  
+  exports.init = function(){
+    lex = new Lex (0, 0)
+    exports.build(demo_shader.innerHTML)
+  }
+  exports.build = function (fn_str){
+    try {
+      new_fn = new Function('lex', 'x', 'y', 'w', 'h', 't', fn_str)
+      new_fn(lex, 0, 0, 1, 1, 0)
+    }
+    catch (e) {
+      throw 'Shader execution error'
+    }
+    exports.fn = fn = new_fn
+    return fn
+  }
+  exports.run = function(canvas){
+    var t = +new Date
+    shader.canvas = shader.canvas || canvas
+    var w = shader.canvas.w, h = shader.canvas.h
+    shader.canvas.forEach(function(lex, x, y){
+      fn(lex, x, y, w, h, t)
+      lex.build()
+    })
+  }
+  exports.toggle = function(state){
+    animating = typeof state == "boolean" ? state : ! animating
+    shader_fps_el.classList.toggle('hidden')
+    return animating
+  }
+  exports.pause = function(){
+    animating = false
+    shader_fps_el.classList.add('hidden')
+    shader.fps_time = 0
+  }
+  exports.play = function(){
+    animating = true
+    shader_fps_el.classList.remove('hidden')
+  }
+  exports.animate = function (t){
+    requestAnimationFrame(exports.animate)
+    if (! animating) { return } 
+    if (shader.fps_time){
+      var ms = Date.now() - shader.fps_time
+      fps = 1000 / ms
+      shader_fps_el.innerHTML = (fps | 0) + ' fps'
+    }
+    shader.fps_time = Date.now()
+    exports.run(canvas)
+  }
+  
+  return exports
+
+})()
+