bombinans/poptimal
1
0
Fork 0
Code Issues 11 Pull Requests Packages Projects 1 Releases Wiki Activity

Adjustable cell size

Browse Source
This commit is contained in:
Mike Lynch 2025-04-06 16:47:16 +10:00
parent 6c42510a7d
commit 46fd00600e
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dots.js
View File

@ -99,7 +99,7 @@ class DotMaker {
// case "hyper-out": // case "hyper-out":
// return 2 * maxr * Math.abs(d.x - this.cx) (d.y - this.cy)) / this.width; // 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; // return 2 * maxr * (0.5 * this.width - distance((d.x - this.cx), (d.y - this.cy))) / this.width;
case "noise": case "noise":

21
src/index.md
View File

@ -24,15 +24,15 @@ import random from "npm:random";
import * as resvg from 'npm:@resvg/resvg-wasm'; import * as resvg from 'npm:@resvg/resvg-wasm';
const CELL = 10;
const MAG = 2; const MAG = 2;
const WIDTH = 20; const WIDTH = 200;
const HEIGHT = WIDTH; const HEIGHT = 200;
const cell = view(Inputs.range([1,20], {value: 10, step:1, label: "Cell size"})); const cell = view(Inputs.range([10,60], {value: 10, 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, label: "Width"}));
const width = view(Inputs.range([1,40], {value: 20, step:1, label: "Width"})); //const height = view(Inputs.range([1,40], {value: 20, label: "Height"}));
const height = view(Inputs.range([1,40], {value: 20, step:1, label: "Height"}));
//const aspect = view(Inputs.select())
``` ```
@ -127,6 +127,9 @@ if( palette_fn ) {
```js ```js
const width = WIDTH / cell;
const height = HEIGHT / cell;
const dm = new DotMaker(width, height); const dm = new DotMaker(width, height);
const dots1 = dm.dots(1 / m1, n1, false); const dots1 = dm.dots(1 / m1, n1, false);
@ -140,8 +143,8 @@ const dots2 = dm.dots(1 / m2, n2, false);
const svg = d3.create("svg") const svg = d3.create("svg")
.attr("width", width * cell * mag) .attr("width", width * cell * MAG)
.attr("height", height * cell * mag) .attr("height", height * cell * MAG)
.attr("viewBox", [ 0, 0, width, height ]); .attr("viewBox", [ 0, 0, width, height ]);