Procedural Content in JS
summary
Overview of actual claims and tools: shows that JS can generate real content not just demos by producing a working procedural city using geojson output visualized with mapbox after doing geometry with turfjs. Algorithms used include Simplex/Perlin noise, Voron diagrams for rivers, iterated subdivision and merges, seedable randomness (alea) and TypeScript for safer development. Built map generator that visibly works and documents pitfalls about parameters, data structures and why randomness needs a seed.
AI-written summary · about
chapters (14)
- 0:00Start
- 1:22Procedural Content Generation
- 2:08What Is Procedural Content Generation
- 3:58Minecraft
- 11:22L System
- 14:09Non Determinism
- 14:30Context Sensitivity
- 15:10Markov Chain
- 22:01Simplex Noise
- 25:31Typescript
- 26:40Using a Suitable Randomness Source
- 27:40Automated Testing
- 30:28Use the Right Algorithm
- 31:49Pick Your Output Carefully
related talks
41mMapping Imaginary Cities
38mProcedural Generation at Runtime: From Basic to Complex by Example
28mCreating generative art with Javascript
22mGenerative Art Speedrun
12mAlgorithmically Generated Visual Designs
46mAlgorithmic Graphics: JS for Design and Art
27mIn a galaxy far, far away - A procedural generation tale
37mCreative Coding for Fun and (Non)Profit