Canvas drawing
Real-time drawing or generative visuals rendered on an HTML canvas — procedural, infinite variation.
What you're seeing
Visuals that are generated live rather than loaded — flowing lines, particle simulations.
Where you'll see it
Hero backgrounds, interactive art, generative brand visuals.
Difficulty
Medium — 3/5
Libraries that build it
canvas APIp5.jsThree.js
Ready to prompt — paste this into your AI coding tool
"Use requestAnimationFrame loop on canvas, draw [element] each frame, clear with clearRect or trail with low-opacity fill"