npm - tuneframes - Versions diffs - 0.1.1 → 0.2.0 - Mend

tuneframes 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/LICENSE +166 -166
package/README.md +158 -55
package/examples/example-ai-dj-chill.html +167 -0
package/examples/example-ai-dj-dark.html +167 -0
package/examples/example-ai-dj-energetic.html +167 -0
package/examples/example-ai-dj-happy.html +167 -0
package/examples/example-ai-dj.html +167 -0
package/examples/example-ambient.html +63 -63
package/examples/example-ambient.mp3 +0 -0
package/examples/example-bass.html +47 -47
package/examples/example-lofi.html +45 -45
package/examples/example-lofi.mp3 +0 -0
package/examples/example-minimal.html +20 -20
package/examples/example-orchestral.html +67 -67
package/examples/example-orchestral.mp3 +0 -0
package/examples/example-piano.html +52 -52
package/examples/example-piano.mp3 +0 -0
package/examples/example-techno.html +69 -69
package/examples/example-techno.mp3 +0 -0
package/package.json +42 -37
package/registry/presets/bass-electric.html +67 -0
package/registry/presets/bass-saw.html +22 -0
package/registry/presets/chord-progression.html +22 -0
package/registry/presets/drums-808.html +85 -0
package/registry/presets/drums-lofi.html +35 -0
package/registry/presets/lead-piano.html +26 -0
package/registry/presets/piano-salamander.html +69 -0
package/registry/presets/reverb-warm.html +11 -0
package/registry/samples.json +226 -0
package/skills/audio-ambient/SKILL.md +141 -0
package/skills/audio-ambient/example.html +113 -0
package/skills/audio-boss-battle/SKILL.md +157 -0
package/skills/audio-boss-battle/example.html +185 -0
package/skills/audio-boss-battle/example.mp3 +0 -0
package/skills/audio-chillwave/SKILL.md +142 -0
package/skills/audio-chillwave/example.html +144 -0
package/skills/audio-cinematic/SKILL.md +147 -0
package/skills/audio-cinematic/example.html +123 -0
package/skills/audio-classical/SKILL.md +138 -0
package/skills/audio-classical/example.html +145 -0
package/skills/audio-dnb/SKILL.md +142 -0
package/skills/audio-dnb/example.html +124 -0
package/skills/audio-downtempo/SKILL.md +152 -0
package/skills/audio-downtempo/example.html +164 -0
package/skills/audio-folk/SKILL.md +139 -0
package/skills/audio-folk/example.html +132 -0
package/skills/audio-funk/SKILL.md +149 -0
package/skills/audio-funk/example.html +144 -0
package/skills/audio-future-bass/SKILL.md +163 -0
package/skills/audio-future-bass/example.html +164 -0
package/skills/audio-hip-hop/SKILL.md +133 -0
package/skills/audio-hip-hop/example.html +129 -0
package/skills/audio-house/SKILL.md +147 -0
package/skills/audio-house/example.html +128 -0
package/skills/audio-indie-pop/SKILL.md +150 -0
package/skills/audio-indie-pop/example.html +121 -0
package/skills/audio-jazz/SKILL.md +141 -0
package/skills/audio-jazz/example.html +146 -0
package/skills/audio-lofi/SKILL.md +140 -0
package/skills/audio-lofi/example.html +135 -0
package/skills/audio-minimal/SKILL.md +155 -0
package/skills/audio-minimal/example.html +118 -0
package/skills/audio-orchestral/SKILL.md +156 -0
package/skills/audio-orchestral/example.html +140 -0
package/skills/audio-r-and-b/SKILL.md +134 -0
package/skills/audio-r-and-b/example.html +154 -0
package/skills/audio-r-and-b/example.mp3 +0 -0
package/skills/audio-techno/SKILL.md +140 -0
package/skills/audio-techno/example.html +125 -0
package/skills/audio-trap/SKILL.md +123 -0
package/skills/audio-trap/example.html +119 -0
package/skills/render-retest/example.html +115 -0
package/skills/tuneframes/SKILL.md +221 -0
package/skills/tuneframes-cli/SKILL.md +46 -0
package/skills/verify/example.html +104 -0
package/src/cli.js +260 -151
package/src/render.js +134 -7
package/examples/example-bass.mp3 +0 -0
package/examples/example-demo-beat.wav +0 -0
package/examples/example-orchestral.wav +0 -0

package/skills/audio-techno/example.html ADDED Viewed

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>TuneFrames — Techno</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
+</head>
+<body>
+  <!-- TuneFrames Metadata -->
+  <div id="tuneframes" style="display:none">{"bpm":136,"duration":"12s"}</div>
+  <script>
+    async function main() {
+      await Tone.start();
+      Tone.Transport.bpm.value = 136;
+      // --- MASTER BUS ---
+      const masterLimiter = new Tone.Limiter(-1).toDestination();
+      const masterGain = new Tone.Gain(0.85).connect(masterLimiter);
+      // --- KICK — hard MembraneSynth ---
+      const kickGain = new Tone.Gain(0.9).connect(masterGain);
+      const kick = new Tone.MembraneSynth({
+        pitchDecay: 0.07,
+        octaves: 10,
+        envelope: { attack: 0.001, decay: 0.38, sustain: 0, release: 0.1 }
+      }).connect(kickGain);
+      // --- ACID BASS — MonoSynth sawtooth through distortion ---
+      const bassLimiter = new Tone.Limiter(-4).connect(masterGain);
+      const bassDist = new Tone.Distortion({ distortion: 0.55, wet: 0.7 }).connect(bassLimiter);
+      const bassFilter = new Tone.Filter({ frequency: 400, type: "lowpass", rolloff: -24, Q: 3 }).connect(bassDist);
+      const bass = new Tone.MonoSynth({
+        oscillator: { type: "sawtooth" },
+        filter: { Q: 7, type: "lowpass", rolloff: -24 },
+        filterEnvelope: {
+          attack: 0.002, decay: 0.25, sustain: 0.2, release: 0.5,
+          baseFrequency: 70, octaves: 3.5
+        },
+        envelope: { attack: 0.001, decay: 0.25, sustain: 0.5, release: 0.3 },
+        volume: -2
+      }).connect(bassFilter);
+      // --- HI-HAT — tight MetalSynth ---
+      const hatGain = new Tone.Gain(0.45).connect(masterGain);
+      const hat = new Tone.MetalSynth({
+        frequency: 400,
+        envelope: { attack: 0.001, decay: 0.045, release: 0.01 },
+        harmonicity: 5.1,
+        modulationIndex: 32,
+        resonance: 4200,
+        octaves: 1.5
+      }).connect(hatGain);
+      // --- STAB — sparse cold PolySynth ---
+      const stabReverb = new Tone.Reverb({ decay: 1.8, wet: 0.35 }).connect(masterGain);
+      const stab = new Tone.PolySynth(Tone.Synth, {
+        oscillator: { type: "square4" },
+        envelope: { attack: 0.001, decay: 0.12, sustain: 0, release: 0.08 },
+        volume: -14
+      }).connect(stabReverb);
+      // Stab chords — dissonant, industrial
+      const stabNotes = [["A2", "Eb3"], ["A2", "D3"], null, ["G2", "C#3"]];
+      // --- SEQUENCES ---
+      // Kick: 4-on-the-floor with ghost on bar 2 last 16th
+      const kickPattern = new Tone.Sequence((time, val) => {
+        if (val) kick.triggerAttackRelease("C1", "8n", time);
+      }, ["C1", null, null, null, "C1", null, null, null,
+          "C1", null, null, null, "C1", null, "C1", null], "16n");
+      kickPattern.start(0);
+      // Hi-hat: 16th notes, velocity variation
+      let hatStep = 0;
+      const hatVels = [0.75, 0.35, 0.75, 0.35, 0.75, 0.35, 0.95, 0.35,
+                       0.75, 0.35, 0.75, 0.35, 0.75, 0.45, 0.95, 0.55];
+      const hatSeq = new Tone.Sequence((time) => {
+        hat.triggerAttackRelease("32n", time, hatVels[hatStep % 16]);
+        hatStep++;
+      }, new Array(16).fill(1), "16n");
+      hatSeq.start(0);
+      // Bass: acid pattern — A1 root with chromatic movement
+      const bassLine = [
+        { note: "A1", dur: "8n" }, { note: null },
+        { note: "A1", dur: "16n" }, { note: "A1", dur: "16n" },
+        { note: null }, { note: "C2", dur: "8n" },
+        { note: null }, { note: "A1", dur: "16n" },
+        { note: "A1", dur: "8n" }, { note: null },
+        { note: "Bb1", dur: "16n" }, { note: "A1", dur: "16n" },
+        { note: null }, { note: "G1", dur: "16n" },
+        { note: null }, { note: "A1", dur: "8n" }
+      ];
+      let bassStep = 0;
+      const bassSeq = new Tone.Sequence((time) => {
+        const step = bassLine[bassStep % bassLine.length];
+        if (step.note) bass.triggerAttackRelease(step.note, step.dur, time);
+        bassStep++;
+      }, new Array(16).fill(1), "16n");
+      bassSeq.start("2m"); // bass enters at bar 3
+      // Stabs: every 2 bars on beat 3
+      let stabStep = 0;
+      const stabSeq = new Tone.Sequence((time) => {
+        const chord = stabNotes[stabStep % stabNotes.length];
+        if (chord) stab.triggerAttackRelease(chord, "32n", time);
+        stabStep++;
+      }, [1, null, null, null, null, null, null, null], "2n");
+      stabSeq.start("4m"); // stabs enter at bar 5
+      // --- BASS FILTER SWEEP — signature acid movement ---
+      const sweepStart = Tone.Time("2m").toSeconds();
+      bassFilter.frequency.setValueAtTime(200, sweepStart);
+      bassFilter.frequency.linearRampToValueAtTime(2800, sweepStart + 4);
+      bassFilter.frequency.linearRampToValueAtTime(150, sweepStart + 4.5);
+      bassFilter.frequency.linearRampToValueAtTime(1800, sweepStart + 8);
+    }
+    main();
+  </script>
+</body>
+</html>

package/skills/audio-trap/SKILL.md ADDED Viewed

@@ -0,0 +1,123 @@
+---
+name: audio-trap
+description: Trap — 808 sub bass with pitch bend, snare on 2 and 4, rapid hi-hat rolls with velocity variation, sparse orchestral strings for drama.
+---
+# TuneFrames — Trap
+## Genre Profile
+- BPM range: 130–160 (half-time feel makes it sit like 65–80)
+- Key characteristics: 808 sub bass with long decay and downward pitch bend, snare on beats 2 and 4, hi-hat rolls in 16th/32nd triplets with strong velocity variation, heavy low end, atmospheric elements
+- Typical instruments: MembraneSynth (808 sub), NoiseSynth (snare), MetalSynth (hi-hats), PolySynth (strings/pads)
+- Mood: Menacing, cinematic, heavy, dramatic
+## Core Pattern
+```js
+// Trap — 140 BPM, half-time feel
+// 808: long decay sub with downward pitch glide
+// Snare: beat 2 and 4 (half-time = bars 1 and 3)
+// Hi-hats: rapid rolls, velocity builds and drops — the signature
+// Strings: sparse atmospheric chords
+// 808 sub — MembraneSynth with pitch envelope = signature glide
+const sub = new Tone.MembraneSynth({
+  pitchDecay: 0.5,       // long pitch glide (the "808 fall")
+  octaves: 3,            // moderate pitch drop
+  envelope: { attack: 0.001, decay: 1.2, sustain: 0, release: 0.5 }
+}).toDestination();
+// Trigger 808 on beat 1 — pitch starts at C2 then falls
+sub.triggerAttackRelease("C2", "2n", time);
+// Hi-hat roll — 32nd notes, velocity variation = the trap signature
+const hatVelocities = [
+  0.9, 0.3, 0.5, 0.2, 0.7, 0.2, 0.4, 0.2,  // 8-step build
+  0.6, 0.3, 0.8, 0.2, 0.5, 0.3, 1.0, 0.2   // accent on last
+];
+new Tone.Sequence((time, vel) => {
+  hat.triggerAttackRelease("32n", time, vel);
+}, hatVelocities, "32n").start(0);
+```
+## Instrument Configuration
+```js
+// 808 Sub — long pitchDecay is the defining characteristic
+const dist808 = new Tone.Distortion({ distortion: 0.15, wet: 0.3 }).toDestination();
+const sub = new Tone.MembraneSynth({
+  pitchDecay: 0.45,    // how long the pitch "falls" — the 808 glide
+  octaves: 3,          // semitones of pitch drop
+  volume: 2,
+  envelope: { attack: 0.001, decay: 1.0, sustain: 0, release: 0.6 }
+}).connect(dist808);   // light saturation adds warmth to the sub
+// Snare — tight white noise, minimal reverb
+const snareVerb = new Tone.Reverb({ decay: 0.8, wet: 0.2 }).toDestination();
+const snare = new Tone.NoiseSynth({
+  noise: { type: "white" },
+  envelope: { attack: 0.001, decay: 0.18, sustain: 0, release: 0.06 },
+  volume: -2
+}).connect(snareVerb);
+// Hi-hat — very short decay, high frequency
+const hat = new Tone.MetalSynth({
+  frequency: 800,
+  envelope: { attack: 0.001, decay: 0.03, release: 0.008 },
+  harmonicity: 5.1,
+  modulationIndex: 32,
+  resonance: 5000,
+  octaves: 2,
+  volume: -8
+}).toDestination();
+// Orchestral strings — sparse, atmospheric
+const stringsVerb = new Tone.Reverb({ decay: 4.0, wet: 0.6 }).toDestination();
+const strings = new Tone.PolySynth(Tone.Synth, {
+  oscillator: { type: "sawtooth4" },
+  envelope: { attack: 0.4, decay: 1.0, sustain: 0.7, release: 1.5 },
+  volume: -12
+}).connect(stringsVerb);
+```
+## Composition Structure
+- **Bar 1:** 808 hit on beat 1, snare on beat 3 (half-time), hi-hat roll building
+- **Bar 2:** 808 on beat 1 again (the sub is still decaying from bar 1), hi-hat variation
+- **Bars 1-4:** Drum loop establishes half-time feel with rolls escalating
+- **Bar 5-8:** Add strings — sparse pad chord, lots of reverb
+- **Bar 9-16:** Full arrangement — 808 pattern + hi-hat rolls + strings harmony
+- **Build:** Hi-hat velocity increases toward drop, 32nd note flurry
+- **Drop:** 808 hits hard, hi-hats sparse, strings cut — maximum impact
+Hi-hat roll anatomy: Start sparse (quarter notes), build to 8ths, then 16ths, then 32nds on the approach to the drop. This escalation is the genre's primary tension tool.
+## Example Variations
+### 1 — Classic 808 Double Hit
+```js
+// 808 hits twice in a bar — beat 1 and the "and" of beat 3
+const subPattern = ["C2", null, null, null, null, null, "C1", null];
+// Second hit is higher (C1 vs C2) — common trap technique
+```
+### 2 — Hi-Hat Triplet Roll
+```js
+// Triplet 16ths (12 per bar instead of 16) — more organic feel
+new Tone.Sequence((time, vel) => {
+  if (vel) hat.triggerAttackRelease("32n", time, vel);
+}, [0.9, 0.3, 0.6, 0.9, 0.3, 0.6, 0.9, 0.3, 0.6, 0.9, 0.3, 0.9], "8t").start(0);
+```
+### 3 — Sliding 808 Pitch (Tone.js portamento)
+```js
+// Use portamento on MonoSynth for more dramatic pitch slide
+const slideSub = new Tone.MonoSynth({
+  oscillator: { type: "sine" },
+  portamento: 0.4,    // glide time in seconds
+  envelope: { attack: 0.001, decay: 1.2, sustain: 0, release: 0.5 },
+  filter: { type: "lowpass", frequency: 200 }
+});
+slideSub.triggerAttackRelease("C3", "2n", time);
+// Then after portamento, note has already slid down
+```

package/skills/audio-trap/example.html ADDED Viewed

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>TuneFrames — Trap</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
+</head>
+<body>
+  <!-- TuneFrames Metadata -->
+  <div id="tuneframes" style="display:none">{"bpm":140,"duration":"12s"}</div>
+  <script>
+    async function main() {
+      await Tone.start();
+      Tone.Transport.bpm.value = 140;
+      // --- MASTER BUS ---
+      const masterLimiter = new Tone.Limiter(-1).toDestination();
+      const masterGain = new Tone.Gain(0.85).connect(masterLimiter);
+      // --- 808 SUB — MembraneSynth with long pitchDecay for the signature glide ---
+      const subSaturate = new Tone.Distortion({ distortion: 0.12, wet: 0.25 }).connect(masterGain);
+      const subGain = new Tone.Gain(1.1).connect(subSaturate);
+      const sub = new Tone.MembraneSynth({
+        pitchDecay: 0.48,   // the 808 "fall" — longer = more dramatic
+        octaves: 3,          // pitch range of the glide
+        envelope: { attack: 0.001, decay: 1.1, sustain: 0, release: 0.5 }
+      }).connect(subGain);
+      // --- SNARE — punchy white noise, dry ---
+      const snareVerb = new Tone.Reverb({ decay: 0.7, wet: 0.18 }).connect(masterGain);
+      const snareGain = new Tone.Gain(0.7).connect(snareVerb);
+      const snare = new Tone.NoiseSynth({
+        noise: { type: "white" },
+        envelope: { attack: 0.001, decay: 0.16, sustain: 0, release: 0.05 }
+      }).connect(snareGain);
+      // --- HI-HAT — very tight, high frequency ---
+      const hatGain = new Tone.Gain(0.42).connect(masterGain);
+      const hat = new Tone.MetalSynth({
+        frequency: 820,
+        envelope: { attack: 0.001, decay: 0.028, release: 0.008 },
+        harmonicity: 5.1,
+        modulationIndex: 32,
+        resonance: 5200,
+        octaves: 2
+      }).connect(hatGain);
+      // --- STRINGS — atmospheric PolySynth, heavy reverb ---
+      const stringsVerb = new Tone.Reverb({ decay: 4.5, wet: 0.65 }).connect(masterGain);
+      const stringsGain = new Tone.Gain(0.5).connect(stringsVerb);
+      const strings = new Tone.PolySynth(Tone.Synth, {
+        oscillator: { type: "sawtooth4" },
+        envelope: { attack: 0.5, decay: 1.2, sustain: 0.65, release: 2.0 },
+        volume: -2
+      }).connect(stringsGain);
+      // --- 808 PATTERN — half-time feel, beat 1 of every bar ---
+      // Pattern: hit on beat 1, ghost on beat 3.5
+      const subPattern = new Tone.Sequence((time, note) => {
+        if (note === "C2") {
+          sub.triggerAttackRelease("C2", "2n", time);
+        } else if (note === "G1") {
+          sub.triggerAttackRelease("G1", "4n", time);
+        }
+      }, ["C2", null, null, null, null, null, "G1", null,
+          "C2", null, null, null, null, null, null, null], "16n");
+      subPattern.start(0);
+      // --- SNARE PATTERN — half-time: beat 3 of the bar (step 8 of 16) ---
+      const snareSeq = new Tone.Sequence((time, val) => {
+        if (val) snare.triggerAttackRelease("16n", time);
+      }, [null, null, null, null, null, null, null, null,
+          1, null, null, null, null, null, null, null], "16n");
+      snareSeq.start(0);
+      // --- HI-HAT ROLLS — the trap signature ---
+      // 32nd-note grid: velocity variation creates rolls and accents
+      // Pattern evolves every bar: starts sparse, builds to dense rolls
+      let hatStep = 0;
+      // Bar 1-2 velocity map: sparse 16th pattern (every 2 32nds)
+      const hatBar1 = [
+        0.8, 0,   0.4, 0,   0.8, 0,   0.4, 0,
+        0.8, 0,   0.4, 0,   0.8, 0.3, 0.9, 0.3
+      ];
+      // Bar 3-4: 16th rolls with triplet accent flurry
+      const hatBar2 = [
+        0.8, 0.3, 0.6, 0.2, 0.8, 0.3, 0.5, 0.2,
+        0.7, 0.3, 0.6, 0.2, 0.9, 0.5, 0.8, 0.5
+      ];
+      // Bar 5-6: dense 32nd roll building to drop
+      const hatBar3 = [
+        0.6, 0.3, 0.7, 0.3, 0.6, 0.4, 0.8, 0.3,
+        0.6, 0.4, 0.7, 0.5, 0.8, 0.6, 0.9, 0.7
+      ];
+      // Merge all bars into one 96-step (6-bar) loop for 32nds at 140bpm
+      const fullHatPattern = [...hatBar1, ...hatBar1, ...hatBar2, ...hatBar2, ...hatBar3, ...hatBar3];
+      const hatSeq = new Tone.Sequence((time, vel) => {
+        if (vel > 0) hat.triggerAttackRelease("32n", time, vel);
+      }, fullHatPattern, "32n");
+      hatSeq.start(0);
+      // --- STRINGS — atmospheric minor chord, enters at bar 3 ---
+      // Cm: C3-Eb3-G3 + high B4 tension note
+      const stringNotes = ["C3", "Eb3", "G3", "Bb3"];
+      strings.triggerAttackRelease(stringNotes, "2m", "2m");
+      // Resolution chord at bar 5
+      strings.triggerAttackRelease(["Ab2", "C3", "Eb3", "G3"], "2m", "4m");
+      strings.triggerAttackRelease(["C3", "Eb3", "G3", "Bb3"], "2m", "6m");
+    }
+    main();
+  </script>
+</body>
+</html>

package/skills/render-retest/example.html ADDED Viewed

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>TuneFrames — Render Retest</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
+</head>
+<body>
+  <!-- TuneFrames Metadata -->
+  <div id="tuneframes" style="display:none">{"bpm":120,"duration":"10s"}</div>
+  <script>
+    async function main() {
+      await Tone.start();
+      // 120 BPM: quarter note = 0.5s, bar = 2.0s, 10s = 5 bars exactly.
+      // All note times are absolute seconds from 0. No Tone.now(), no Transport.start().
+      const beat = 0.5;
+      const bar  = 2.0;
+      // --- MASTER BUS ---
+      const limiter    = new Tone.Limiter(-1).toDestination();
+      const masterGain = new Tone.Gain(0.82).connect(limiter);
+      // --- REVERB connected to master ---
+      const reverb = new Tone.Reverb({ decay: 2.5, wet: 0.30 }).connect(masterGain);
+      // --- DELAY connected to master (parallel with reverb, not chained) ---
+      const delay = new Tone.FeedbackDelay(beat * 0.5, 0.25).connect(masterGain);
+      // --- KICK (MembraneSynth) ---
+      const kickGain = new Tone.Gain(0.88).connect(masterGain);
+      const kick = new Tone.MembraneSynth({
+        pitchDecay: 0.06,
+        octaves: 9,
+        envelope: { attack: 0.001, decay: 0.34, sustain: 0, release: 0.1 }
+      }).connect(kickGain);
+      // --- HI-HAT (MetalSynth) ---
+      // MetalSynth.triggerAttackRelease(duration, time, velocity) -- no pitch arg
+      const hatGain = new Tone.Gain(0.36).connect(masterGain);
+      const hat = new Tone.MetalSynth({
+        frequency: 440,
+        envelope: { attack: 0.001, decay: 0.05, release: 0.01 },
+        harmonicity: 5.1,
+        modulationIndex: 32,
+        resonance: 4000,
+        octaves: 1.5
+      }).connect(hatGain);
+      // --- CHORDS (PolySynth) through reverb ---
+      const padGain = new Tone.Gain(0.60).connect(reverb);
+      const pad = new Tone.PolySynth(Tone.Synth, {
+        oscillator: { type: "sine" },
+        envelope: { attack: 0.40, decay: 0.5, sustain: 0.60, release: 1.8 },
+        volume: -8
+      }).connect(padGain);
+      // --- MELODY (Synth) through delay + reverb ---
+      const melGain = new Tone.Gain(0.72).connect(delay);
+      melGain.connect(reverb);
+      const mel = new Tone.Synth({
+        oscillator: { type: "triangle" },
+        envelope: { attack: 0.012, decay: 0.20, sustain: 0.45, release: 0.65 },
+        volume: -5
+      }).connect(melGain);
+      // --- KICK: 4-on-the-floor, every 0.5s, 20 hits, last at 9.5s ---
+      for (let i = 0; i < 20; i++) {
+        kick.triggerAttackRelease("C1", "8n", i * beat);
+      }
+      // --- HI-HAT: 8th notes every 0.25s, on-beat louder, 40 hits, last at 9.75s ---
+      for (let i = 0; i < 40; i++) {
+        const vel = (i % 2 === 0) ? 0.60 : 0.35;
+        hat.triggerAttackRelease("16n", i * (beat * 0.5), vel);
+      }
+      // --- CHORDS: Dm -> Bb -> F -> C, one bar each, enter at bar 2 (2s) ---
+      // "1n" = whole note = 2.0s at 120 BPM = exactly one bar
+      const progression = [
+        { notes: ["D2","F2","A2"], time: bar       },  // Dm @ 2s
+        { notes: ["Bb2","D3","F3"], time: bar * 2  },  // Bb @ 4s
+        { notes: ["F2","A2","C3"], time: bar * 3   },  // F  @ 6s
+        { notes: ["C3","E3","G3"], time: bar * 4   },  // C  @ 8s
+      ];
+      progression.forEach(({ notes, time }) => {
+        pad.triggerAttackRelease(notes, "1n", time);
+      });
+      // --- MELODY: D minor pentatonic, enters at bar 3 (4s), last note at 9.0s ---
+      const melody = [
+        { note: "F4", dur: "4n", t: 4.0 },
+        { note: "E4", dur: "8n", t: 4.5 },
+        { note: "D4", dur: "4n", t: 5.0 },
+        { note: "A4", dur: "4n", t: 5.5 },
+        { note: "G4", dur: "2n", t: 6.0 },
+        { note: "F4", dur: "4n", t: 7.0 },
+        { note: "E4", dur: "8n", t: 7.5 },
+        { note: "D4", dur: "4n", t: 8.0 },
+        { note: "F4", dur: "8n", t: 8.5 },
+        { note: "A4", dur: "4n", t: 9.0 },
+      ];
+      melody.forEach(({ note, dur, t }) => {
+        mel.triggerAttackRelease(note, dur, t);
+      });
+      // NOTE: do NOT call Tone.Transport.start() here.
+      // Tone.Offline manages the transport internally.
+    }
+    main();
+  </script>
+</body>
+</html>