n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Seitan article, implement <figure> capability

Browse Source
This commit is contained in:
N-Upchurch
2023-07-19 10:04:42 -05:00
parent f51ae9eab7
commit c52c579447
4 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/blog/build-an-svg-circle-grid-with-p5js/build-an-svg-circle-grid-with-p5js.md
View File

@ -271,7 +271,7 @@ You may notice a couple of things:
* I've taken advantage of the `getMaxCircles()` function we wrote earlier to calculate ideal values for `myGrid.rowCircleQty`, and `myGrid.numRows`.
* `myGrid.fillArray` is using RGB values. Check the [p5.js documentation](https://p5js.org/reference/#/p5/fill) for other color values you can use.
Feel free to customize `myGrid` to make your ideal circle grid, and call `generateCircleGrid()` to see the result:
Feel free to customize `myGrid` to make your ideal circle grid, and call `generateCircleGrid()`...
``` javascript
generateCircleGrid(
@ -286,7 +286,7 @@ generateCircleGrid(
myGrid.fillArray
);
```
...to see the result:
[![The LibreWolf web browser opened to localhost. The viewport is filled with circles of varying sizes in various shades of blue.](../../img/posts/build-an-svg-circle-grid-with-p5js/circle-grid-grid.webp)](../../img/posts/build-an-svg-circle-grid-with-p5js/circle-grid-grid.webp)
## SVG export