Welcome to SketchWaveJS

Your gateway to creative coding with p5.js and custom graphics classes

Explore the Ecosystem

Click on any card below to learn more and see interactive demos

simpleGhosts

💡 Why SketchWaveJS?

What 'possessed' us to create SketchWaveJS? Discover the inspiration behind our creative coding journey.

smileyFace

✨ p5.js Environment

p5.js is a free, open-source JavaScript library that makes coding accessible for artists, designers, educators, and beginners.

Create a free online account to host your masterpieces! VSCode may be an option for you as well.

ladyBug

🚀 Getting Started

Learn the basics of p5.js and how to set up your first sketch. Perfect for beginners!

Beginner Learn More
rocketShip

🏭 Classes!

'Manufacturing Plants/Blueprints' for basic shapes and commonly used elements.

Reference Explore and Learn!
strangeShield

🎪 Example Projects

Explore complete projects that demonstrate SketchWaveJS classes in action.

Inspiration Browse Examples
tvScreen

📝 Code Templates

Start quickly with ready-to-use templates for common sketch patterns and layouts.

Resources Get Templates

Quick Reference

Need Help?

Check out the reference pages for detailed documentation on each class, or explore the interactive demos to see the code in action. Processing is also available in other languages like Java or Python!

Many of the shapes we introduce here were inspired by those in our very own 'JavaScript Graphics Sandbox (JSGS). See the 'primitive' version of our work here, done pre-Copilot!

Back to TNT-Processing Home