← Back to Skill Library
🎨 Creative

p5.js Sketches

★★★★☆

Create interactive p5.js sketches — generative art, shaders, interactive visualizations, and 3D graphics. Runs in the browser as self-contained HTML pages.

skill_view("p5js")

📖 Guide

Load with skill_view("p5js"). Describe the visual you want. The skill generates a complete HTML page with embedded p5.js sketch using the global mode or instance mode.

🔧 How To

For generative art: describe patterns, colors, and motion → the skill writes the sketch with p5.js setup/draw loop → open in browser to see it animate. Supports mouse and keyboard interaction.

⚠️ Pitfalls

p5.js is 2D-focused — 3D (WEBGL) works but has limitations. Performance degrades with very large particle counts (>10k). Browser must support WebGL for 3D mode.

Related Skills

More skills in Creative