Generative Art Libraries and Resources

1. Metaball Libraries and Samples

  • metaballs-js (npm): A lightweight WebGL-based metaball rendering library. You can freely specify the number of balls, colors, and speed.
  • Paper.js Metaball Demo: The official Paper.js example showing a “viscous” effect via contour calculations on the canvas.
  • Varun.ca Metaballs: An HTML5 canvas/JavaScript demo of metaballs with the algorithm’s formulas explained.
  • Three.js Metaball Slime: A 3D metaball example using Marching Cubes and the Rapier physics engine.
  • Codrops “Drawing 2D Metaballs with WebGL2”: A tutorial for drawing 2D metaballs by hand in WebGL2.

2. Symmetry (Rorschach) Generative Art

  • Symmetry Drawer by aferriss: An editor built on p5.js for drawing with left-right symmetry—perfect for experimenting with ideas.
  • “<100 Lines” Generative Art: A simple sample that generates patterns by pairing square cells symmetrically.
  • Medium: From Syntax to Symmetry (p5.js): A step-by-step article on creating symmetric patterns from code syntax using p5.js.
  • “Generative Art with Math” p5.js Sample Collection: A Japanese-language site featuring numerous p5.js sketches, from geometry to noise-based art.

3. Comprehensive Generative Art Tools and Resources

  • p5.js Libraries page: A portal to community-created libraries—noise, shaders, audio analysis, and more.
  • AIArtists.org: 50 Best Generative Art Tools: A catalog article summarizing a wide variety of tools and frameworks.
  • Dev.to: “<100 Lines” Generative Art: Techniques for creating symmetric art with minimal code.

Comments

Popular posts from this blog

Japan Jazz Anthology Select: Jazz of the SP Era

In practice, the most workable approach is to measure a composite “civility score” built from multiple indicators.