From 1026135635cdbd2f42f9715846d5f8881359f6fd Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 20:26:55 -0700
Subject: [PATCH 1/6] Adds a package.json to turn this into a real JS package.

---
 package.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 package.json

diff --git a/package.json b/package.json
new file mode 100644
index 0000000..994af9d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,7 @@
+{
+  "name": "play.core",
+  "version": "1.0.0",
+  "repository": "https://github.com/ertdfgcvb/play.core.git",
+  "author": "andreas@ertdfgcvb.xyz",
+  "license": "Apache-2.0"
+}

From 0ecbfc29225e894886c394d630e58e06af598f87 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 20:48:40 -0700
Subject: [PATCH 2/6] Changes all absolute imports into relative imports so
 that they resolve properly within the package.

---
 src/modules/exportframe.js                  |  2 +-
 src/modules/vec2.js                         |  2 +-
 src/modules/vec3.js                         |  2 +-
 src/programs/basics/cursor.js               |  2 +-
 src/programs/basics/how_to_draw_a_circle.js |  4 ++--
 src/programs/basics/how_to_draw_a_square.js |  4 ++--
 src/programs/basics/performance_test.js     |  4 ++--
 src/programs/basics/sequence_export.js      |  4 ++--
 src/programs/basics/time_frames.js          |  2 +-
 src/programs/basics/time_milliseconds.js    |  2 +-
 src/programs/camera/camera_double_res.js    |  8 ++++----
 src/programs/camera/camera_gray.js          |  8 ++++----
 src/programs/camera/camera_rgb.js           | 10 +++++-----
 src/programs/contributed/color_waves.js     |  2 +-
 src/programs/contributed/equal_tea_talk.js  |  4 ++--
 src/programs/contributed/ernst.js           |  6 +++---
 src/programs/contributed/game_of_life.js    |  2 +-
 src/programs/contributed/pathfinder.js      |  4 ++--
 src/programs/contributed/sand_game.js       |  2 +-
 src/programs/contributed/slime_dish.js      |  6 +++---
 src/programs/demos/chromaspiral.js          |  8 ++++----
 src/programs/demos/donut.js                 |  2 +-
 src/programs/demos/doom_flame.js            |  8 ++++----
 src/programs/demos/doom_flame_full_color.js |  6 +++---
 src/programs/demos/dyna.js                  |  6 +++---
 src/programs/demos/gol_double_res.js        |  2 +-
 src/programs/demos/mod_xor.js               |  2 +-
 src/programs/demos/moire_explorer.js        |  6 +++---
 src/programs/demos/numbers.js               |  4 ++--
 src/programs/demos/plasma.js                |  8 ++++----
 src/programs/demos/sinsin_checker.js        |  2 +-
 src/programs/demos/sinsin_wave.js           |  2 +-
 src/programs/demos/spiral.js                |  8 ++++----
 src/programs/demos/wobbly.js                | 10 +++++-----
 src/programs/sdf/balls.js                   |  4 ++--
 src/programs/sdf/circle.js                  |  4 ++--
 src/programs/sdf/cube.js                    | 10 +++++-----
 src/programs/sdf/rectangles.js              |  6 +++---
 src/programs/sdf/two_circles.js             |  6 +++---
 39 files changed, 92 insertions(+), 92 deletions(-)

diff --git a/src/modules/exportframe.js b/src/modules/exportframe.js
index a7b516f..afd4707 100755
--- a/src/modules/exportframe.js
+++ b/src/modules/exportframe.js
@@ -8,7 +8,7 @@ Expects the canvas renderer as the active renderer.
 Tested on Safari, FF, Chrome
 */
 
-import {saveBlobAsFile} from '/src/modules/filedownload.js'
+import {saveBlobAsFile} from './filedownload.js'
 
 export function exportFrame(context, filename, from=1, to=from) {
 
diff --git a/src/modules/vec2.js b/src/modules/vec2.js
index 373a010..131e8db 100755
--- a/src/modules/vec2.js
+++ b/src/modules/vec2.js
@@ -9,7 +9,7 @@
   the functions (except vec2()).
 - All function can be exported individually or grouped via default export.
 - For the default export use:
-	import * as Vec2 from '/src/modules/vec2.js'
+	import * as Vec2 from './vec2.js'
 */
 
 // Creates a vector
diff --git a/src/modules/vec3.js b/src/modules/vec3.js
index 1bbeb2f..9dbcb48 100755
--- a/src/modules/vec3.js
+++ b/src/modules/vec3.js
@@ -9,7 +9,7 @@
   the functions (except vec3()).
 - All function can be exported individually or grouped via default export.
 - For the default export use:
-	import * as Vec3 from '/src/modules/vec3.js'
+	import * as Vec3 from './vec3.js'
 */
 
 // Creates a vector
diff --git a/src/programs/basics/cursor.js b/src/programs/basics/cursor.js
index a61414e..7b7d6fa 100755
--- a/src/programs/basics/cursor.js
+++ b/src/programs/basics/cursor.js
@@ -17,7 +17,7 @@ export function main(coord, context, cursor, buffer) {
 	return (coord.x + coord.y) % 2 ? '·' : ' '
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/basics/how_to_draw_a_circle.js b/src/programs/basics/how_to_draw_a_circle.js
index 16e16de..53ba136 100755
--- a/src/programs/basics/how_to_draw_a_circle.js
+++ b/src/programs/basics/how_to_draw_a_circle.js
@@ -5,7 +5,7 @@
 @desc   Use of context.metrics.aspect
 */
 
-import { length } from '/src/modules/vec2.js'
+import { length } from '../../modules/vec2.js'
 
 export function main(coord, context, cursor, buffer) {
 
@@ -28,7 +28,7 @@ export function main(coord, context, cursor, buffer) {
 }
 
 // Draw some info
-import { drawBox } from '/src/modules/drawbox.js'
+import { drawBox } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	// Apply some rounding to the aspect for better output
 	const ar = cursor.pressed ? 1 : (''+context.metrics.aspect).substr(0, 8)
diff --git a/src/programs/basics/how_to_draw_a_square.js b/src/programs/basics/how_to_draw_a_square.js
index bddde63..f4f0f45 100755
--- a/src/programs/basics/how_to_draw_a_square.js
+++ b/src/programs/basics/how_to_draw_a_square.js
@@ -5,7 +5,7 @@
 @desc   Draw a square using a distance function
 */
 
-import { map } from '/src/modules/num.js'
+import { map } from '../../modules/num.js'
 
 // Set framerate to 60
 export const settings = { fps : 60 }
@@ -50,7 +50,7 @@ export function main(coord, context, cursor, buffer) {
 	// return d == 0 ? (coord.x % 2 == 0 ? '─' : '┼') : (''+d).charAt(2)
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/basics/performance_test.js b/src/programs/basics/performance_test.js
index e5c8932..b7ffc87 100755
--- a/src/programs/basics/performance_test.js
+++ b/src/programs/basics/performance_test.js
@@ -5,7 +5,7 @@
 @desc   Vertical vs horizontal changes impact FPS
 */
 
-import { map } from '/src/modules/num.js'
+import { map } from '../../modules/num.js'
 
 export const settings = { fps : 60 }
 
@@ -38,7 +38,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/basics/sequence_export.js b/src/programs/basics/sequence_export.js
index 0da352b..77c2794 100755
--- a/src/programs/basics/sequence_export.js
+++ b/src/programs/basics/sequence_export.js
@@ -5,7 +5,7 @@
 @desc   Export 10 frames as images
 */
 
-import { exportFrame } from '/src/modules/exportframe.js'
+import { exportFrame } from '../../modules/exportframe.js'
 
 // Important: the frame exporter works only with the canvas renderer.
 // Optional: reset the frame count and time at each new run!
@@ -41,7 +41,7 @@ export function main(coord, context, cursor, buffer) {
 }
 
 // Display some info (will also be exported!)
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/basics/time_frames.js b/src/programs/basics/time_frames.js
index c09d7f9..51236cf 100755
--- a/src/programs/basics/time_frames.js
+++ b/src/programs/basics/time_frames.js
@@ -25,7 +25,7 @@ export function main(coord, context, cursor, buffer) {
 }
 
 // Display some info
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/basics/time_milliseconds.js b/src/programs/basics/time_milliseconds.js
index de58c73..37be86c 100755
--- a/src/programs/basics/time_milliseconds.js
+++ b/src/programs/basics/time_milliseconds.js
@@ -24,7 +24,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 
 // This function is called after the main loop and is useful
 // to manipulate the buffer; in this case with a window overlay.
diff --git a/src/programs/camera/camera_double_res.js b/src/programs/camera/camera_double_res.js
index de396df..d19a738 100755
--- a/src/programs/camera/camera_double_res.js
+++ b/src/programs/camera/camera_double_res.js
@@ -5,9 +5,9 @@
 @desc   Doubled vertical resolution input from camera
 */
 
-import { CSS3 } from '/src/modules/color.js'
-import Camera from '/src/modules/camera.js'
-import Canvas from '/src/modules/canvas.js'
+import { CSS3 } from '../../modules/color.js'
+import Camera from '../../modules/camera.js'
+import Canvas from '../../modules/canvas.js'
 
 const cam = Camera.init()
 const can = new Canvas()
@@ -48,7 +48,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/camera/camera_gray.js b/src/programs/camera/camera_gray.js
index 0bd31b6..4c42c67 100755
--- a/src/programs/camera/camera_gray.js
+++ b/src/programs/camera/camera_gray.js
@@ -5,9 +5,9 @@
 @desc   Grayscale input from camera
 */
 
-import { sort } from '/src/modules/sort.js'
-import Camera from '/src/modules/camera.js'
-import Canvas from '/src/modules/canvas.js'
+import { sort } from '../../modules/sort.js'
+import Camera from '../../modules/camera.js'
+import Canvas from '../../modules/canvas.js'
 
 const cam = Camera.init()
 const can = new Canvas()
@@ -36,7 +36,7 @@ export function main(coord, context, cursor, buffer) {
 	return density[index]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/camera/camera_rgb.js b/src/programs/camera/camera_rgb.js
index 13a2ca6..8ca7e81 100755
--- a/src/programs/camera/camera_rgb.js
+++ b/src/programs/camera/camera_rgb.js
@@ -5,10 +5,10 @@
 @desc   Color input from camera (quantised)
 */
 
-import { map } from '/src/modules/num.js'
-import { rgb2hex, rgb}  from '/src/modules/color.js'
-import Camera from '/src/modules/camera.js'
-import Canvas from '/src/modules/canvas.js'
+import { map } from '../../modules/num.js'
+import { rgb2hex, rgb}  from '../../modules/color.js'
+import Camera from '../../modules/camera.js'
+import Canvas from '../../modules/canvas.js'
 
 const cam = Camera.init()
 const can = new Canvas()
@@ -53,7 +53,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/contributed/color_waves.js b/src/programs/contributed/color_waves.js
index f7f963c..c79685d 100644
--- a/src/programs/contributed/color_waves.js
+++ b/src/programs/contributed/color_waves.js
@@ -32,7 +32,7 @@ export function main(coord, context, cursor){
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer){
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/contributed/equal_tea_talk.js b/src/programs/contributed/equal_tea_talk.js
index d891d66..e93902c 100644
--- a/src/programs/contributed/equal_tea_talk.js
+++ b/src/programs/contributed/equal_tea_talk.js
@@ -6,8 +6,8 @@
 See: http://www.hammersleyfoundation.org/index.php/artwork/computer-drawings/184-computer-drawings/331-equal-tea-talk
 */
 
-import { map, step, mod } from '/src/modules/num.js'
-import { vec2, mul, fract as fract2 } from '/src/modules/vec2.js'
+import { map, step, mod } from '../../modules/num.js'
+import { vec2, mul, fract as fract2 } from '../../modules/vec2.js'
 
 const chars = '#BEFTI_'.split('')
 
diff --git a/src/programs/contributed/ernst.js b/src/programs/contributed/ernst.js
index d84e7be..d8335be 100644
--- a/src/programs/contributed/ernst.js
+++ b/src/programs/contributed/ernst.js
@@ -5,8 +5,8 @@
 @desc   Inspired by Ernst Jandl, 1964
 */
 
-import { dist, vec2, length, add, mulN } from '/src/modules/vec2.js'
-import { map, smoothstep } from '/src/modules/num.js';
+import { dist, vec2, length, add, mulN } from '../../modules/vec2.js'
+import { map, smoothstep } from '../../modules/num.js';
 
 const { PI, atan2, floor, cos, max } = Math;
 
@@ -55,7 +55,7 @@ export function main(coord, context, cursor, buffer){
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer){
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/contributed/game_of_life.js b/src/programs/contributed/game_of_life.js
index 24053a6..603beb7 100644
--- a/src/programs/contributed/game_of_life.js
+++ b/src/programs/contributed/game_of_life.js
@@ -8,7 +8,7 @@ Each frame of the animation depends on the previous frame. Code in the `pre()`
 function saves the previous frame so it can be used in `main()`.
 */
 
-import { dist, sub } from '/src/modules/vec2.js'
+import { dist, sub } from '../../modules/vec2.js'
 
 let prevFrame;
 let width, height;
diff --git a/src/programs/contributed/pathfinder.js b/src/programs/contributed/pathfinder.js
index a62bd69..9ad0028 100644
--- a/src/programs/contributed/pathfinder.js
+++ b/src/programs/contributed/pathfinder.js
@@ -5,8 +5,8 @@
 @desc   Click to spawn new path segments
 */
 
-import { dist, sub } from '/src/modules/vec2.js'
-import * as v2 from '/src/modules/vec2.js'
+import { dist, sub } from '../../modules/vec2.js'
+import * as v2 from '../../modules/vec2.js'
 
 const vec2 = v2.vec2
 
diff --git a/src/programs/contributed/sand_game.js b/src/programs/contributed/sand_game.js
index 808b151..4f185dd 100644
--- a/src/programs/contributed/sand_game.js
+++ b/src/programs/contributed/sand_game.js
@@ -5,7 +5,7 @@
 @desc   Click to drop sand
 */
 
-import { dist, sub } from '/src/modules/vec2.js'
+import { dist, sub } from '../../modules/vec2.js'
 
 let prevFrame;
 let width, height;
diff --git a/src/programs/contributed/slime_dish.js b/src/programs/contributed/slime_dish.js
index 336d90b..8f869e1 100644
--- a/src/programs/contributed/slime_dish.js
+++ b/src/programs/contributed/slime_dish.js
@@ -13,8 +13,8 @@ With inspiration from:
 - http://www.tech-algorithm.com/articles/nearest-neighbor-image-scaling
 */
 
-import * as v2 from '/src/modules/vec2.js'
-import { map } from '/src/modules/num.js'
+import * as v2 from '../../modules/vec2.js'
+import { map } from '../../modules/num.js'
 
 // Environment
 const WIDTH = 400;
@@ -156,7 +156,7 @@ export function main(coord, context, cursor, buffer, data) {
 	return char;
 }
 
-// import { drawInfo } from '/src/modules/drawbox.js'
+// import { drawInfo } from '../../modules/drawbox.js'
 // export function post(context, cursor, buffer) {
 // 	drawInfo(context, cursor, buffer)
 // }
diff --git a/src/programs/demos/chromaspiral.js b/src/programs/demos/chromaspiral.js
index 13cdcf6..c852a05 100755
--- a/src/programs/demos/chromaspiral.js
+++ b/src/programs/demos/chromaspiral.js
@@ -7,9 +7,9 @@ Inspired by this shader by scry
 https://www.shadertoy.com/view/tdsyRf
 */
 
-import { map } from '/src/modules/num.js'
-import { sort } from '/src/modules/sort.js'
-import { vec2, rot, add, mulN, addN, subN, length } from '/src/modules/vec2.js'
+import { map } from '../../modules/num.js'
+import { sort } from '../../modules/sort.js'
+import { vec2, rot, add, mulN, addN, subN, length } from '../../modules/vec2.js'
 
 const { min, sin, cos, floor } = Math
 
@@ -60,7 +60,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
\ No newline at end of file
diff --git a/src/programs/demos/donut.js b/src/programs/demos/donut.js
index e5df98e..95495ca 100755
--- a/src/programs/demos/donut.js
+++ b/src/programs/demos/donut.js
@@ -76,7 +76,7 @@ export function pre(context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/demos/doom_flame.js b/src/programs/demos/doom_flame.js
index 3ff56fe..5de21e2 100755
--- a/src/programs/demos/doom_flame.js
+++ b/src/programs/demos/doom_flame.js
@@ -5,9 +5,9 @@
 @desc   Oldschool flame effect
 */
 
-import { clamp, map } from '/src/modules/num.js'
-import { CSS4 } from '/src/modules/color.js'
-import { mix, smoothstep } from '/src/modules/num.js'
+import { clamp, map } from '../../modules/num.js'
+import { CSS4 } from '../../modules/color.js'
+import { mix, smoothstep } from '../../modules/num.js'
 
 export const settings = { fps : 30, backgroundColor : 'black', color : 'white' }
 
@@ -124,7 +124,7 @@ function valueNoise() {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/demos/doom_flame_full_color.js b/src/programs/demos/doom_flame_full_color.js
index 112a96b..df5c553 100755
--- a/src/programs/demos/doom_flame_full_color.js
+++ b/src/programs/demos/doom_flame_full_color.js
@@ -5,8 +5,8 @@
 @desc   Oldschool flame effect
 */
 
-import { clamp, map } from '/src/modules/num.js'
-import { mix, smoothstep } from '/src/modules/num.js'
+import { clamp, map } from '../../modules/num.js'
+import { mix, smoothstep } from '../../modules/num.js'
 
 export const settings = { backgroundColor : 'black' }
 
@@ -143,7 +143,7 @@ function valueNoise() {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/demos/dyna.js b/src/programs/demos/dyna.js
index 59c4579..e5b2c39 100644
--- a/src/programs/demos/dyna.js
+++ b/src/programs/demos/dyna.js
@@ -8,8 +8,8 @@ The original from 1989:
 http://www.graficaobscura.com/dyna/
 */
 
-import { copy, length, vec2, add, sub, divN, mulN } from '/src/modules/vec2.js'
-import { smoothstep } from '/src/modules/num.js'
+import { copy, length, vec2, add, sub, divN, mulN } from '../../modules/vec2.js'
+import { smoothstep } from '../../modules/num.js'
 
 export const settings = { fps : 60 }
 
@@ -66,7 +66,7 @@ export function main(coord, context, cursor, buffer) {
 	return density[idx]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/demos/gol_double_res.js b/src/programs/demos/gol_double_res.js
index de76302..b18d7fc 100755
--- a/src/programs/demos/gol_double_res.js
+++ b/src/programs/demos/gol_double_res.js
@@ -118,7 +118,7 @@ export function main(coord, context, cursor, buffer) {
 }
 
 // Draw some info
-import { drawBox } from '/src/modules/drawbox.js'
+import { drawBox } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 
 	const buff = data[(context.frame + 1) % 2]
diff --git a/src/programs/demos/mod_xor.js b/src/programs/demos/mod_xor.js
index 2205a38..a7dfa32 100755
--- a/src/programs/demos/mod_xor.js
+++ b/src/programs/demos/mod_xor.js
@@ -20,7 +20,7 @@ export function main(coord, context, cursor, buffer) {
 	return pattern[c]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
     drawInfo(context, cursor, buffer, { shadowStyle : 'gray' })
 }
diff --git a/src/programs/demos/moire_explorer.js b/src/programs/demos/moire_explorer.js
index 1d91990..e52c582 100644
--- a/src/programs/demos/moire_explorer.js
+++ b/src/programs/demos/moire_explorer.js
@@ -5,8 +5,8 @@
 @desc   Click or tap to toggle mode
 */
 
-import { vec2, dist, mulN } from '/src/modules/vec2.js'
-import { map } from '/src/modules/num.js'
+import { vec2, dist, mulN } from '../../modules/vec2.js'
+import { map } from '../../modules/num.js'
 
 export const settings = { fps : 60 }
 
@@ -52,7 +52,7 @@ export function main(coord, context, cursor) {
 	return density[idx]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/demos/numbers.js b/src/programs/demos/numbers.js
index 12cabb0..92feba4 100755
--- a/src/programs/demos/numbers.js
+++ b/src/programs/demos/numbers.js
@@ -5,8 +5,8 @@
 @desc   Fun with integers
 */
 
-import { map } from '/src/modules/num.js'
-import { CGA } from '/src/modules/color.js'
+import { map } from '../../modules/num.js'
+import { CGA } from '../../modules/color.js'
 
 export const settings = {
 	backgroundColor : 'black'
diff --git a/src/programs/demos/plasma.js b/src/programs/demos/plasma.js
index 4ff405e..b1ad533 100755
--- a/src/programs/demos/plasma.js
+++ b/src/programs/demos/plasma.js
@@ -6,9 +6,9 @@
 Plasma primer: https://www.bidouille.org/prog/plasma
 */
 
-import { vec2, dot, add, sub, length } from '/src/modules/vec2.js'
-import { map } from '/src/modules/num.js'
-import { css } from '/src/modules/color.js'
+import { vec2, dot, add, sub, length } from '../../modules/vec2.js'
+import { map } from '../../modules/num.js'
+import { css } from '../../modules/color.js'
 
 export const settings = { fps : 60 }
 
@@ -49,7 +49,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/demos/sinsin_checker.js b/src/programs/demos/sinsin_checker.js
index fb30612..133d4ab 100755
--- a/src/programs/demos/sinsin_checker.js
+++ b/src/programs/demos/sinsin_checker.js
@@ -29,7 +29,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
     drawInfo(context, cursor, buffer, { shadowStyle : 'gray' })
 }
diff --git a/src/programs/demos/sinsin_wave.js b/src/programs/demos/sinsin_wave.js
index be30bb7..f0bd18b 100755
--- a/src/programs/demos/sinsin_wave.js
+++ b/src/programs/demos/sinsin_wave.js
@@ -18,7 +18,7 @@ export function main(coord, context, cursor, buffer) {
 	return pattern[i]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, { shadowStyle : 'gray' })
 }
diff --git a/src/programs/demos/spiral.js b/src/programs/demos/spiral.js
index b21838f..3088285 100755
--- a/src/programs/demos/spiral.js
+++ b/src/programs/demos/spiral.js
@@ -7,9 +7,9 @@ Inspired by this shader by ahihi
 https://www.shadertoy.com/view/XdSGzR
 */
 
-import { vec2, dot, add, sub, length } from '/src/modules/vec2.js'
-import { map } from '/src/modules/num.js'
-import { sort } from '/src/modules/sort.js'
+import { vec2, dot, add, sub, length } from '../../modules/vec2.js'
+import { map } from '../../modules/num.js'
+import { sort } from '../../modules/sort.js'
 
 export const settings = { fps : 60 }
 
@@ -47,7 +47,7 @@ export function main(coord, context, cursor, buffer) {
 	return density[idx]
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/demos/wobbly.js b/src/programs/demos/wobbly.js
index 6f40175..bc87d6f 100755
--- a/src/programs/demos/wobbly.js
+++ b/src/programs/demos/wobbly.js
@@ -5,10 +5,10 @@
 @desc   Draw donuts with SDF
 */
 
-import { sdCircle } from '/src/modules/sdf.js'
-import { sort } from '/src/modules/sort.js'
-import { length, rot } from '/src/modules/vec2.js'
-import { map, fract, smoothstep } from '/src/modules/num.js'
+import { sdCircle } from '../../modules/sdf.js'
+import { sort } from '../../modules/sort.js'
+import { length, rot } from '../../modules/vec2.js'
+import { map, fract, smoothstep } from '../../modules/num.js'
 
 const density = '▀▄▚▐─═0123.+?'
 
@@ -49,7 +49,7 @@ export function main(coord, context, cursor, buffer) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer, {
 		color : 'white', backgroundColor : 'royalblue', shadowStyle : 'gray'
diff --git a/src/programs/sdf/balls.js b/src/programs/sdf/balls.js
index b27a946..9dcedfa 100755
--- a/src/programs/sdf/balls.js
+++ b/src/programs/sdf/balls.js
@@ -5,8 +5,8 @@
 @desc   Smooth SDF balls
 */
 
-import { map } from '/src/modules/num.js'
-import { sdCircle, opSmoothUnion } from '/src/modules/sdf.js'
+import { map } from '../../modules/num.js'
+import { sdCircle, opSmoothUnion } from '../../modules/sdf.js'
 
 const density = '#ABC|/:÷×+-=?*· '
 
diff --git a/src/programs/sdf/circle.js b/src/programs/sdf/circle.js
index 7fa33bd..b6427eb 100755
--- a/src/programs/sdf/circle.js
+++ b/src/programs/sdf/circle.js
@@ -5,8 +5,8 @@
 @desc   Draw a smooth circle with exp()
 */
 
-import { sdCircle } from '/src/modules/sdf.js'
-import { sort } from '/src/modules/sort.js'
+import { sdCircle } from '../../modules/sdf.js'
+import { sort } from '../../modules/sort.js'
 
 const density = sort('/\\MXYZabc!?=-. ', 'Simple Console', false)
 
diff --git a/src/programs/sdf/cube.js b/src/programs/sdf/cube.js
index 0e9c2de..bcdbb59 100755
--- a/src/programs/sdf/cube.js
+++ b/src/programs/sdf/cube.js
@@ -5,10 +5,10 @@
 @desc   The cursor controls box thickness and exp
 */
 
-import { sdSegment } from '/src/modules/sdf.js'
-import * as v2 from '/src/modules/vec2.js'
-import * as v3 from '/src/modules/vec3.js'
-import { map } from '/src/modules/num.js'
+import { sdSegment } from '../../modules/sdf.js'
+import * as v2 from '../../modules/vec2.js'
+import * as v3 from '../../modules/vec3.js'
+import { map } from '../../modules/num.js'
 
 export const settings = { fps : 60 }
 
@@ -113,7 +113,7 @@ export function main(coord, context, cursor) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/sdf/rectangles.js b/src/programs/sdf/rectangles.js
index d11512a..b2b3e9b 100755
--- a/src/programs/sdf/rectangles.js
+++ b/src/programs/sdf/rectangles.js
@@ -5,8 +5,8 @@
 @desc   Smooth SDF Rectangles
 */
 
-import { map } from '/src/modules/num.js'
-import { sdBox, opSmoothUnion } from '/src/modules/sdf.js'
+import { map } from '../../modules/num.js'
+import { sdBox, opSmoothUnion } from '../../modules/sdf.js'
 
 let density = '▚▀abc|/:÷×+-=?*· '
 
@@ -51,7 +51,7 @@ function transform(p, trans, rot) {
 	}
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }
diff --git a/src/programs/sdf/two_circles.js b/src/programs/sdf/two_circles.js
index 4df3113..98fc70e 100755
--- a/src/programs/sdf/two_circles.js
+++ b/src/programs/sdf/two_circles.js
@@ -5,8 +5,8 @@
 @desc   Smooth union of two circles
 */
 
-import { sdCircle, opSmoothUnion } from '/src/modules/sdf.js'
-import { sub, vec2 } from '/src/modules/vec2.js'
+import { sdCircle, opSmoothUnion } from '../../modules/sdf.js'
+import { sub, vec2 } from '../../modules/vec2.js'
 
 const density = '#WX?*:÷×+=-· '
 
@@ -43,7 +43,7 @@ export function main(coord, context, cursor, buffer) {
 
 }
 
-import { drawInfo } from '/src/modules/drawbox.js'
+import { drawInfo } from '../../modules/drawbox.js'
 export function post(context, cursor, buffer) {
 	drawInfo(context, cursor, buffer)
 }

From 931aa3bb3be5363fbd2edd56387cc9c3f34d3fa3 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 20:59:41 -0700
Subject: [PATCH 3/6] Fixes some comments with messed up imports after the
 relative path changes.

---
 src/modules/vec2.js | 2 +-
 src/modules/vec3.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/vec2.js b/src/modules/vec2.js
index 131e8db..9904548 100755
--- a/src/modules/vec2.js
+++ b/src/modules/vec2.js
@@ -9,7 +9,7 @@
   the functions (except vec2()).
 - All function can be exported individually or grouped via default export.
 - For the default export use:
-	import * as Vec2 from './vec2.js'
+	import * as Vec2 from 'play.core/src/modules/vec2.js'
 */
 
 // Creates a vector
diff --git a/src/modules/vec3.js b/src/modules/vec3.js
index 9dbcb48..3ae2d07 100755
--- a/src/modules/vec3.js
+++ b/src/modules/vec3.js
@@ -9,7 +9,7 @@
   the functions (except vec3()).
 - All function can be exported individually or grouped via default export.
 - For the default export use:
-	import * as Vec3 from './vec3.js'
+	import * as Vec3 from 'play.core/src/modules/vec3.js'
 */
 
 // Creates a vector

From 1607593a6d3263b2f1b6007269d768f655624aa0 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 21:10:26 -0700
Subject: [PATCH 4/6] Adds an "Installation & usage" section to the README.

---
 README.md | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/README.md b/README.md
index 4f91c97..4a1a961 100644
--- a/README.md
+++ b/README.md
@@ -12,3 +12,28 @@ Embedding examples:
 
 Playground manual, API and resources:  
 [play.ertdfgcvb.xyz/abc.html](https://play.ertdfgcvb.xyz/abc.html)
+
+## Installation & usage
+
+To install this package:
+
+```shell
+npm install https://github.com/ertdfgcvb/play.core
+```
+
+To import and run one of the examples:
+
+```javascript
+import { run } from "play.core/src/run.js";
+import * as program from "play.core/src/programs/demos/spiral.js";
+
+const settings = {
+  fps: 60,
+  element: document.querySelector("pre"),
+};
+
+run(program, settings).catch(function(e) {
+  console.warn(e.message);
+  console.log(e.error);
+});
+```

From 6bfdc4686fbf4c2ad4beee9871ec44db9befc4a9 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 21:22:59 -0700
Subject: [PATCH 5/6] Adds a build script to the package, used for building a
 minified module for inclusion in a website.

---
 package.json | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 994af9d..a5fe50c 100644
--- a/package.json
+++ b/package.json
@@ -3,5 +3,12 @@
   "version": "1.0.0",
   "repository": "https://github.com/ertdfgcvb/play.core.git",
   "author": "andreas@ertdfgcvb.xyz",
-  "license": "Apache-2.0"
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "rollup": "^2.47.0",
+    "terser": "^5.7.0"
+  },
+  "scripts": {
+    "build": "$(npm bin)/rollup -i src/run.js --format es --name play | $(npm bin)/terser --compress --mangle --toplevel --timings --ecma 2015 > run.min.js"
+  }
 }

From a5a2d49753f42252680e314405fe60dd76cfeeb1 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chilij@chilij.com>
Date: Thu, 13 May 2021 21:28:00 -0700
Subject: [PATCH 6/6] Adds a "build" section to the README.

---
 README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/README.md b/README.md
index 4a1a961..844d66a 100644
--- a/README.md
+++ b/README.md
@@ -37,3 +37,17 @@ run(program, settings).catch(function(e) {
   console.log(e.error);
 });
 ```
+
+## Building for `<script>` tags
+
+If you want to build a minified JS module for inclusion in a site using a `<script>` tag, you can use the `build` script, included in the package:
+
+```shell
+# Install this package (including build dependencies)
+npm install
+
+# Run the build script
+npm run build
+```
+
+This will create a `run.min.js` file which you can include in your site.