Canvas Generative · AThevon/genjutsu

Create generative art with Canvas 2D

Provides patterns for building particle systems, flow fields, noise textures and fractals in HTML Canvas 2D, including screen-sharp sizing, animation loops and performance-safe particle pools. Useful when prototyping generative art, motion backgrounds or creative-coding demos in a web project.

Good for

  • Build particle systems and flow-field animations for Canvas 2D
  • Generate Perlin or Simplex noise textures for organic backgrounds
  • Add DPR-aware resizing and requestAnimationFrame loops to a canvas
Source repository
AThevon/genjutsu
Category
Design

Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.

A good place to start

Help me create a generative particle animation with flow fields on an HTML canvas, sharp on Retina displays.

Make your next great thing.

Bring a question, a file, or an idea that’s not quite there yet.