3 ms·

Does anyone have a good list of resources for people who want to get a get baseline on understanding and implementing procedural generation?

by dpeck 5y ago

wrnr 5y ago
It's more art than code, maybe start drawing a city skyline. Have different basic types of roof (triangle, trapezoid, none), windows (round, square, subdivided) and a variable number of flours. Play around with it in html canvas.
123pie123 5y ago
I don't have a list, but "processing" language is very good at art and math(s) stuff https://processing.org/ https://processing.org/ it has some cool demos/ examples https://processing.org/examples/ https://processing.org/examples/ and it's opensource
dannygarcia 5y ago
The Nature of Code book is a great resource. Dan also deep dives on specific topics on his YouTube channel. - https://natureofcode.com/book/ https://natureofcode.com/book/ - https://www.youtube.com/c/TheCodingTrain https://www.youtube.com/c/TheCodingTrain
brianf0 5y ago
I have some generative art tutorials using p5js on my blog @ https://brianfernandez.dev/art https://brianfernandez.dev/art
noduerme 5y ago
In terms of the drawing aspects, working on SVG or raw canvas drawing each have some drawbacks. If you don't need to output vector files, I recommend PixiJS, which gives you a stage-based display chain on top of WebGL where you can mix free-form line drawing with pre-made sprites. I used to write a ton of procedural graphics with Actionscript, and this has been my clearest path to continue on those projects. Some AS3 drawing code is almost directly portable. https://www.pixijs.com/ https://www.pixijs.com/
userbinator 5y ago
I would refer you to the demoscene. (I'm surprised to be the first one to mention the word in this discussion.) This guy has a lot of interesting stuff on his site: https://iquilezles.org/ https://iquilezles.org/
- dpeck 5y ago
  Never dabbling in the demoscene as a 90s teenage hacker is one of my few computing regrets.

Does anyone have a good list of resources for people who want to get a get baseline on understanding and implementing procedural generation?

by dpeck 5y ago

Does anyone have a good list of resources for people who want to get a get baseline on understanding and implementing procedural generation?

wrnr 5y ago

It's more art than code, maybe start drawing a city skyline. Have different basic types of roof (triangle, trapezoid, none), windows (round, square, subdivided) and a variable number of flours. Play around with it in html canvas.

123pie123 5y ago

I don't have a list, but "processing" language is very good at art and math(s) stuff https://processing.org/ https://processing.org/ it has some cool demos/ examples https://processing.org/examples/ https://processing.org/examples/ and it's opensource

dannygarcia 5y ago

The Nature of Code book is a great resource. Dan also deep dives on specific topics on his YouTube channel. - https://natureofcode.com/book/ https://natureofcode.com/book/ - https://www.youtube.com/c/TheCodingTrain https://www.youtube.com/c/TheCodingTrain

brianf0 5y ago

I have some generative art tutorials using p5js on my blog @ https://brianfernandez.dev/art https://brianfernandez.dev/art

noduerme 5y ago

In terms of the drawing aspects, working on SVG or raw canvas drawing each have some drawbacks. If you don't need to output vector files, I recommend PixiJS, which gives you a stage-based display chain on top of WebGL where you can mix free-form line drawing with pre-made sprites. I used to write a ton of procedural graphics with Actionscript, and this has been my clearest path to continue on those projects. Some AS3 drawing code is almost directly portable. https://www.pixijs.com/ https://www.pixijs.com/

userbinator 5y ago

I would refer you to the demoscene. (I'm surprised to be the first one to mention the word in this discussion.) This guy has a lot of interesting stuff on his site: https://iquilezles.org/ https://iquilezles.org/

dpeck 5y ago
Never dabbling in the demoscene as a 90s teenage hacker is one of my few computing regrets.