From 6e2036ac7d2c04d184715d2b6fa93a5b3ede8bfd Mon Sep 17 00:00:00 2001 From: Mike Lynch Date: Sun, 6 Apr 2025 15:36:19 +1000 Subject: [PATCH] Checking in this because I'm not sure why it's not working --- src/components/dots.js | 2 +- src/index.md | 10 ++++------ 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/src/components/dots.js b/src/components/dots.js index 6966370..b34cd15 100644 --- a/src/components/dots.js +++ b/src/components/dots.js @@ -99,7 +99,7 @@ class DotMaker { // case "hyper-out": // return 2 * maxr * Math.abs(d.x - this.cx) (d.y - this.cy)) / this.width; - // case "hyoer-in": + // case "hyper-in": // return 2 * maxr * (0.5 * this.width - distance((d.x - this.cx), (d.y - this.cy))) / this.width; case "noise": diff --git a/src/index.md b/src/index.md index e058b36..77604b9 100644 --- a/src/index.md +++ b/src/index.md @@ -25,15 +25,12 @@ import random from "npm:random"; import * as resvg from 'npm:@resvg/resvg-wasm'; const CELL = 10; -const MAG = 2; +const mag = 2; const WIDTH = 20; const HEIGHT = WIDTH; -const cell = view(Inputs.range([1,20], {value: 10, step:1, label: "Cell size"})); -const mag = view(Inputs.range([1,5], {value: 2, step:1, label: "Magnificaton"})); -const width = view(Inputs.range([1,40], {value: 20, step:1, label: "Width"})); -const height = view(Inputs.range([1,40], {value: 20, step:1, label: "Height"})); - +const cell = view(Inputs.range([1,20], {value: 10, step:0.1, label: "Cell size"})); +const aspect = view(Inputs.range([0.1,10], {value: 1, step:0.1, label: "Aspect ratio"})); ``` @@ -127,6 +124,7 @@ if( palette_fn ) { ```js +const height = width / aspect; const dm = new DotMaker(width, height); const dots1 = dm.dots(1 / m1, n1, false);