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

Adjust the size of cells and dots #33

Merged
bombinans merged 7 commits from feature-size into main 2025-04-06 07:14:04 +00:00
Conversation 0 Commits 7 Files Changed 2 +9 -8
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 77970dbcd1 - Show all commits

17
src/index.md
View File

@ -28,11 +28,8 @@ const MAG = 2;
const WIDTH = 200;
const HEIGHT = 200;
const cell = view(Inputs.range([10,60], {value: 10, label: "Cell size"}));
//const width = view(Inputs.range([1,40], {value: 20, label: "Width"}));
//const height = view(Inputs.range([1,40], {value: 20, label: "Height"}));
//const aspect = view(Inputs.select())
const cell_input = Inputs.range([5,60], {value: 10, label: "cell size"});
const cell = view(cell_input);
```
@ -40,11 +37,13 @@ const cell = view(Inputs.range([10,60], {value: 10, label: "Cell size"}));
```js
const bg_input = Inputs.color({label: "background", value: d3.color("yellow").formatHex()});
const bg_input = Inputs.color({
label: "background", value: d3.color("white").formatHex()
});
const bg = view(bg_input);
const ctrl1 = new DotControls(d3.color("red").formatHex(), RADIUS_OPTS);
const ctrl2 = new DotControls(d3.color("blue").formatHex(), RADIUS_OPTS);
const ctrl1 = new DotControls(d3.color("white").formatHex(), RADIUS_OPTS);
const ctrl2 = new DotControls(d3.color("white").formatHex(), RADIUS_OPTS);
const fg1 = view(ctrl1.fg);
@ -96,6 +95,8 @@ ctrl1.null_grid();
ctrl2.null_grid();
palette_input.value = PALETTES.get(rpalette);
palette_input.dispatchEvent(new Event("input"));
cell_input.value = 5 + random.float() * random.float() * 55;
cell_input.dispatchEvent(new Event("input"));
ctrl1.random_grid();
ctrl2.random_grid();