Creative coding · Intermediate
Sound you can shape
A small browser-based sound instrument with visual feedback. Build the signal path and amplitude envelope, connect deliberate user input to playback, and make stopping as reliable as starting.
Written by Akis Apostoliadis for Skillfolio · 4 written lessons · Self-paced
Checking purchase availability…
Course price: $59 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A three-note browser instrument with smooth gain envelopes, clear controls and reliable stop behavior.
Before you begin
JavaScript events and animation loops; basic understanding of frequency and amplitude.
Who it’s for
Creative developers exploring sound as part of an interface.
- Web Audio
- Gain envelopes
- Audio visualization
- Resource lifecycle
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Start with consent and a signal path
Start audio through an explicit gesture and make the signal path understandable.
19 min read · 60 min practice · Free preview
Shape the beginning and the end
Use a gain envelope to avoid abrupt waveform discontinuities and bound each note’s lifetime.
19 min read · 60 min practice · Included with purchase
Visualize a useful property
Visualize a specific audio property without confusing a decorative display with a measurement.
17 min read · 45 min practice · Included with purchase
Make stopping as reliable as starting
Make Stop, visibility changes and disposal reliably end owned audio activity.
16 min read · 75 min practice · Included with purchase
See the work
Three notes. One owned signal path.. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A three-note browser instrument with smooth gain envelopes, clear controls and reliable stop behavior.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.