Algorithmic Form.
Generative Systems.
p5.js & Creative Code.
For visual thinkers and young builders aged 10 to 14. Students master trigonometry loops, parametric waveforms, particle physics, and audio-reactive geometry using JavaScript and the p5.js canvas engine.
p5.js Vectors, Trigonometric Motion & Shaders
How Mathematical Formulas Become Living Art
Students write real JavaScript that executes in the browser canvas, turning trigonometric equations into dynamic generative artwork and interactive physics.
// Specimen 1: Parametric Harmonic Wave Oscillators
function draw() {
background(11, 17, 32, 25); // Trailing fade effect
noFill();
stroke(244, 96, 12); // Brand orange
strokeWeight(1.5);
beginShape();
for (let x = 0; x <= width; x += 6) {
let angle = (x * 0.02) + (frameCount * 0.05);
let y = height / 2 + sin(angle) * 80 + cos(angle * 0.5) * 30;
vertex(x, y);
}
endShape();
}
10-Week Creative Coding Syllabus
Students begin with canvas fundamentals and progress to trigonometric waves, particle physics, recursion, and audio-reactive web art.
The Computational Canvas & Coordinate Transforms
Weeks 1 to 2 · Canvas architecture, shape primitives, and coordinate mapping
The setup() and draw() execution lifecycle, coordinate space (0,0 to width,height), and basic geometric forms.
Color modes, alpha channel transparency, variable mapping, and interactive gradient canvases.
Mathematical Motion & Trigonometric Curves
Weeks 3 to 5 · Sine, cosine, oscillations, and generative patterns
Utilizing sin() and cos() for harmonic motion, circular paths, pendulum physics, and undulating wave ribbons.
Comparing random() vs noise(), topographic contour maps, flow fields, and generative terrain sketches.
Using translate(), rotate(), scale(), push(), and pop() to create spirographs and sacred geometry.
Particle Systems, Physics & Vectors
Weeks 6 to 8 · Object-oriented programming, force vectors, and emergent swarms
Vector addition, magnitude, normalization, heading angles, and gravitational attractor points.
Managing particle arrays, lifespans, fading alphas, and engineering explosive firework fountains.
Recursive branching functions, Sierpinski triangles, Koch snowflakes, and algorithmic botanical trees.
Audio-Reactive Installations & Exhibition
Weeks 9 to 10 · p5.sound Fast Fourier Transforms, live inputs, and gallery showcase
p5.FFT frequency spectrum analysis, waveform amplitude, and synchronizing visual geometry to music beats.
Deploying interactive artwork to the web and presenting the generative exhibition live to parents.
Programme Tuition
$80/month
4 x 1-hour private 1-on-1 sessions per month · No lock-in contracts
- ✓ Dedicated 1-on-1 creative coding mentor matched to student pace
- ✓ Between-session tutor chat support and code reviews
- ✓ Monthly milestone reports delivered to parents
- ✓ Verified graduation certificate and online art portfolio
- ✓ Pause, reschedule, or cancel any month with zero fees
Questions? View full curriculum roadmap & FAQ
STEAM
Creative Technology
Where computer science fundamentals meet visual aesthetics, interactive animation physics, and computational creativity.
"Creative coding demonstrates that software engineering is a medium for original expression, empowering students to translate pure mathematics into breathtaking visual art."
STEMulus Creative Technologies Lead
Ready to Code with Art?
Join private 1-on-1 sessions. Guide your child from basic loops to published interactive generative art.
Frequently Asked Questions
Does my child need prior art or coding experience?
Neither is required. Creative Coding introduces JavaScript syntax through immediate visual feedback. The visual results make abstract coding structures intuitive to grasp.
What is p5.js and where does it run?
p5.js is a creative coding library built for artists, designers, and educators. It runs natively in any modern web browser without complex installation or expensive software licenses.
What career paths utilize creative coding?
Creative technologies power modern UI/UX design, interactive architectural installations, video game visual effects, and digital advertising at companies like Apple, Google, and Spotify.