💃 Step Studio & Rhythm Synthesizer
WebAudio Dhol Engine
95
Step 1: Right foot forward diagonal, swing hands outward.
No classes shortlisted yet. Click "Shortlist" on any workshop card to include it in your export package.
How does the rhythm sequencer animate Garba footwork, and how are workshop batches filtered?
This application provides an interactive circular footwork synthesizer and an illustrative batch directory for Garba learners in West Ahmedabad. When a choreographic pattern is chosen, the internal JavaScript engine loops through an array of beat objects, drawing step nodes along a 135-pixel circular radius on the canvas and triggering Web Audio tone bursts for dhol bass and claps. Alongside the footwork studio, dropdown filters query an in-memory array of workshop schedules, allowing users to assemble and export a practice checklist.
The directory listings (including academies, phone numbers, and pricing fixtures) are simulated illustrative records rather than verified live commercial offerings or validated schedules in Ahmedabad. Additionally, the Web Audio synthesized oscillator bursts and static radial step coordinates offer a stylized learning preview rather than an ethnomusicologically comprehensive or motion-captured dance curriculum.
To explore a different rhythmic pattern, click the '3-Taali (Teen Taali Classical)' button in the Step Studio. The active button styling switches from the default 2-Taali sequence to the 6-beat Teen Taali cycle, updating the circular canvas to display six radial step markers and changing the beat indicators below to reflect the 3-Taali footwork sequence.
The interactive Step Studio defines distinct choreographic presets (2-Taali with 8 counts, 3-Taali with 6 counts, Dodhiya with 6 counts, and Hinch with 4 counts). For each beat, the engine computes radial coordinates around a central canvas anchor (x = cx + r * cos(theta), y = cy + r * sin(theta)) and highlights active steps with dashed direction vectors.
Auditory feedback is generated entirely client-side using the HTML5 Web Audio API. Bass beats synthesize a downward exponential pitch ramp (starting at 130 Hz or 100 Hz and descending to 40 Hz), while clapping beats layer an oscillator snap with a high-pass filtered white noise burst to emulate traditional hand claps and treble dhol snaps.
The workshop matrix filters an internal collection of synthetic records across locality, timing category, and course format. Users can shortlist batches into a localized Set stored in browser localStorage, allowing one-click export of an aggregated JSON itinerary or copied clipboard text summary containing their 7-day practice plan.
The default pattern contains eight authored beat objects. The canvas places them forty five degrees apart using array index divided by beat count, rather than the stored angle field. The moving marker follows that same index rule. Despite the name two taali, this supplied array marks beats one, three and seven as claps. Other arrays contain six, six and four beats. These are the page instructions and diagram, not a validated dance curriculum. The timer interval is sixty divided by beats per minute times one thousand. At ninety five beats per minute that is about six hundred thirty one point six milliseconds; at one hundred forty it is four hundred twenty eight point six. An eight beat cycle takes about five point zero five seconds at ninety five. The page creates synthesized oscillator and noise sounds locally. A browser timer and schematic circle do not measure foot placement, verify performance or synchronize a real class. The list contains six supplied workshop records with masked telephone numbers. Filters combine locality, timing and course type with logical and: three records have weekend timing, and two of those are crash courses. Shortlisting stores record identifiers locally. The seven day export routine is fixed at twenty, twenty five, thirty and thirty minutes across grouped days, totaling one hundred eighty minutes when day ranges are expanded. Fees, schedules and studios are not freshly verified bookings or recommendations. The export is a local planning artifact, not registration.