From b4a28fac82e5b944dc706698094ddbcddb32e6e9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 30 Mar 2026 13:44:35 +0000
Subject: [PATCH] Add 9 shanties/folk songs, remove note thinning, add settings
 persistence
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

New Singalong songs (20 total now):
- Leave Her Johnny, Blow the Man Down, Randy Dandy Oh,
  South Australia, Roll the Old Chariot Along, Haul Away Joe
  (sea shanties from TikTok 2021 trend, all traditional PD)
- Spanish Ladies (Royal Navy, 1790s — also in Jaws)
- The Skye Boat Song (Scottish, 1884 — Outlander theme)
- Bella Ciao (Italian partisan folk — Money Heist viral)

Removed note thinning (MIN_GAP filter):
- Speed slider at 50% now handles difficulty for fast passages
- All original notes restored (Flight of Bumblebee back to 206)

Settings persistence:
- Speed and volume saved to localStorage, restored on page load
- Reset button returns both to 100%
- Reset All Data button clears scores, settings, and gamepad
  mapping with confirmation prompt

localStorage keys used:
- drgame5: leaderboard scores
- drgameSettings: speed + volume
- drgameGpMap: gamepad button mapping

Total: 75 synth pieces, 195 playable pieces

https://claude.ai/code/session_01GdFrFqAe9e2DaJ86jZPEZE
---
 index.html | 96 +++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 77 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 0aa6983..e6c926e 100644
--- a/index.html
+++ b/index.html
@@ -108,14 +108,18 @@ canvas{display:block;}
   <div class="card">
     <h2>Leaderboard</h2>
     <div id="mlb" style="font-size:12px;opacity:.5">No scores yet.</div>
-    <button class="smbtn" style="margin-top:8px" onclick="goScores()">View All</button>
+    <div style="display:flex;gap:6px;margin-top:8px">
+      <button class="smbtn" onclick="goScores()">View All</button>
+      <button class="smbtn red" onclick="if(confirm('Clear ALL saved data? (scores, settings, gamepad mapping)')){localStorage.removeItem('drgame5');localStorage.removeItem('drgameSettings');localStorage.removeItem('drgameGpMap');savedScores=[];refreshMiniLB();resetSettings();gpMap={0:2,1:3,2:0,3:1,4:4,8:4};}">Reset All Data</button>
+    </div>
   </div>
 
   <div class="card">
     <h2>Settings</h2>
     <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;">
-      <label style="font-size:12px;display:flex;align-items:center;gap:6px;">Speed: <input type="range" min="50" max="150" value="100" step="5" id="speed-slider" oninput="gameSpeed=this.value/100;document.getElementById('speed-val').textContent=this.value+'%'"><span id="speed-val" style="font-size:11px;min-width:32px">100%</span></label>
-      <label style="font-size:12px;display:flex;align-items:center;gap:6px;">Volume: <input type="range" min="0" max="150" value="100" step="5" id="vol-slider" oninput="masterVolume=this.value/100;document.getElementById('vol-val').textContent=this.value+'%'"><span id="vol-val" style="font-size:11px;min-width:32px">100%</span></label>
+      <label style="font-size:12px;display:flex;align-items:center;gap:6px;">Speed: <input type="range" min="50" max="150" value="100" step="5" id="speed-slider" oninput="setSpeed(this.value)"><span id="speed-val" style="font-size:11px;min-width:32px">100%</span></label>
+      <label style="font-size:12px;display:flex;align-items:center;gap:6px;">Volume: <input type="range" min="0" max="150" value="100" step="5" id="vol-slider" oninput="setVolume(this.value)"><span id="vol-val" style="font-size:11px;min-width:32px">100%</span></label>
+      <button class="smbtn" onclick="resetSettings()" style="font-size:11px;">Reset</button>
     </div>
   </div>
 
@@ -1923,16 +1927,69 @@ const SINGALONG_PIECES=(function(){
      1,1,1,1,1,1,1,1,2,1,1,1,1,2,
      1,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2,1,3],
     4,A3);
-  return [drunken,wellerman,molly,whiskey,parting,amazing,auld,saints,clementine,scarborough,bonnie];
+  // ── Leave Her Johnny ──
+  var leavejohnny=pub("Leave Her Johnny","Sea Shanty (Trad.)",105,
+    [A3,A3,C4,D4,E4,E4,D4,C4,A3,G3,A3,C4,D4,E4,G4,E4,D4,C4,A3,G3,A3,C4,E4,D4,C4,A3],
+    [0,0,1,0,2,2,0,1,0,3,0,1,0,2,3,2,0,1,0,3,0,1,2,0,1,0],
+    [1,1,1,1,2,1,1,1,2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,1,1,3],
+    5,A3);
+  // ── Blow the Man Down ──
+  var blowman=pub("Blow the Man Down","Sea Shanty (Trad.)",120,
+    [C4,E4,G4,G4,F4,E4,D4,C4,D4,E4,F4,E4,D4,C4,C4,E4,G4,C5,B4,A4,G4,F4,E4,D4,C4],
+    [0,2,3,3,1,2,1,0,1,2,1,2,1,0,0,2,3,0,3,0,3,1,2,1,0],
+    [1,1,2,1,1,1,1,2,1,1,1,1,1,3,1,1,2,1,1,1,1,1,1,1,4],
+    5,C4);
+  // ── Randy Dandy Oh ──
+  var randy=pub("Randy Dandy Oh","Sea Shanty (Trad.)",130,
+    [G4,G4,A4,B4,B4,A4,G4,E4,D4,G4,G4,A4,B4,D5,B4,A4,G4,E4,D4,G4,A4,B4,D5,B4,G4],
+    [3,3,0,3,3,0,3,2,1,3,3,0,3,1,3,0,3,2,1,3,0,3,1,3,3],
+    [1,1,1,2,1,1,1,1,2,1,1,1,2,1,1,1,1,1,2,1,1,2,1,1,4],
+    5,G4);
+  // ── South Australia ──
+  var southaus=pub("South Australia","Sea Shanty (Trad.)",115,
+    [C4,C4,D4,E4,G4,G4,E4,D4,C4,E4,G4,A4,G4,E4,C4,D4,E4,G4,E4,D4,C4,C4,E4,G4,E4,C4],
+    [0,0,1,2,3,3,2,1,0,2,3,0,3,2,0,1,2,3,2,1,0,0,2,3,2,0],
+    [1,1,1,1,2,1,1,1,2,1,1,1,1,1,2,1,1,1,1,1,2,1,1,1,1,4],
+    5,C4);
+  // ── Roll the Old Chariot ──
+  var chariot=pub("Roll the Old Chariot Along","Sea Shanty (Trad.)",120,
+    [C4,E4,G4,G4,G4,A4,G4,E4,C4,D4,E4,F4,E4,D4,C4,C4,E4,G4,C5,A4,G4,E4,D4,C4],
+    [0,2,3,3,3,0,3,2,0,1,2,1,2,1,0,0,2,3,0,0,3,2,1,0],
+    [1,1,1,1,1,1,1,1,2,1,1,1,1,1,3,1,1,1,2,1,1,1,1,4],
+    5,C4);
+  // ── Haul Away Joe ──
+  var hauljoe=pub("Haul Away Joe","Sea Shanty (Trad.)",115,
+    [D4,D4,F4,A4,A4,G4,F4,D4,D4,F4,A4,C5,A4,G4,F4,D4,F4,A4,G4,F4,D4,C4,D4],
+    [0,0,1,0,0,3,1,0,0,1,0,0,0,3,1,0,1,0,3,1,0,1,0],
+    [1,1,1,2,1,1,1,2,1,1,1,1,1,1,2,1,1,1,1,1,2,1,4],
+    5,D4);
+  // ── Spanish Ladies ──
+  var spanish=pub("Spanish Ladies","Royal Navy Shanty (1790s)",110,
+    [E4,E4,D4,C4,D4,E4,F4,G4,A4,G4,F4,E4,D4,C4,D4,E4,F4,E4,D4,C4,B3,A3,G3,A3,B3,C4,D4,E4],
+    [2,2,1,0,1,2,1,3,0,3,1,2,1,0,1,2,1,2,1,0,3,0,3,0,3,0,1,2],
+    [1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,1,1,4],
+    5,C4);
+  // ── The Skye Boat Song ──
+  var skye=pub("The Skye Boat Song","Scottish (1884)",85,
+    [C4,F4,A4,G4,F4,E4,F4,G4,A4,C5,A4,G4,F4,E4,D4,C4,F4,A4,G4,F4,E4,F4,G4,A4,F4,D4,C4],
+    [0,1,0,3,1,2,1,3,0,0,0,3,1,2,1,0,1,0,3,1,2,1,3,0,1,1,0],
+    [1,2,1,1,1,1,1,2,1,2,1,1,1,1,1,2,2,1,1,1,1,1,2,1,1,1,4],
+    4,F4);
+  // ── Bella Ciao ──
+  var bella=pub("Bella Ciao","Italian Partisan Folk (1900s)",120,
+    [A3,B3,C4,D4,D4,C4,D4,E4,A3,B3,C4,D4,D4,C4,B3,A3,E4,E4,D4,E4,F4,F4,E4,D4,C4,B3,A3,C4,B3,A3],
+    [0,3,0,1,1,0,1,2,0,3,0,1,1,0,3,0,2,2,1,2,1,1,2,1,0,3,0,1,3,0],
+    [1,1,1,2,1,1,1,2,1,1,1,2,1,1,1,2,1,1,1,1,2,1,1,1,1,1,2,1,1,4],
+    5,A3);
+  return [drunken,wellerman,molly,whiskey,parting,leavejohnny,blowman,randy,southaus,chariot,hauljoe,spanish,skye,bella,amazing,auld,saints,clementine,scarborough,bonnie];
 })();
 
 var SYNTH_GENRES={"Singalong":SINGALONG_PIECES,"Christmas":CHRISTMAS_PIECES,"Folk":FOLK_PIECES,"Classical":CLASSICAL_PIECES,"Video Games":VIDEOGAME_PIECES,"Chiptune Originals":CHIPTUNE_PIECES};
 
 function buildClassicalNotes(piece){
-  var raw=piece.melody.filter(function(m){return activePads[m.l];})
+  return piece.melody.filter(function(m){return activePads[m.l];})
     .map(function(m){
-      // Find matching frequency from background notes at same time
-      var freq=261.63; // default C4
+      var freq=261.63;
       for(var i=0;i<piece.bg.length;i++){
         var b=piece.bg[i];
         if(Math.abs(b.t-m.t)<0.01&&b.i!=='bass'&&b.i!=='timpani'){freq=b.f;break;}
@@ -1940,16 +1997,6 @@ function buildClassicalNotes(piece){
       return{time:m.t/gameSpeed,lane:m.l,freq:freq,hit:false,missed:false};
     })
     .sort(function(a,b){return a.time-b.time;});
-  // Enforce minimum gap between notes so stacked/simultaneous notes are playable
-  // Without this, fast passes create 2-3 notes within 0.07s on different lanes
-  var MIN_GAP=0.12;
-  var result=[],lastTime=-1;
-  for(var i=0;i<raw.length;i++){
-    if(raw[i].time-lastTime>=MIN_GAP){
-      result.push(raw[i]);lastTime=raw[i].time;
-    }
-  }
-  return result;
 }
 
 function beginClassical(){
@@ -1977,7 +2024,8 @@ let laneFlash=[0,0,0,0,0],msgTmr=null,prevBtns={},gameSynthNodes=[],classicalHit
 let paused=false,pauseTime=0;
 var gpMap=JSON.parse(localStorage.getItem("drgameGpMap")||"null")||{0:2,1:3,2:0,3:1,4:4,8:4};
 var remapping=false,remapStep=0,remapResult={};
-var gameSpeed=1.0,masterVolume=1.0;
+var _savedSettings=JSON.parse(localStorage.getItem("drgameSettings")||"{}");
+var gameSpeed=_savedSettings.speed||1.0,masterVolume=_savedSettings.volume||1.0;
 let gameRhythm=null;
 const HIT_WIN=0.17,SPEED=260;
 
@@ -1999,6 +2047,16 @@ function buildPadToggles(){
   });
 }
 buildPadToggles();
+function saveSettings(){localStorage.setItem("drgameSettings",JSON.stringify({speed:gameSpeed,volume:masterVolume}));}
+function setSpeed(v){gameSpeed=v/100;document.getElementById("speed-val").textContent=v+"%";saveSettings();}
+function setVolume(v){masterVolume=v/100;document.getElementById("vol-val").textContent=v+"%";saveSettings();}
+function resetSettings(){gameSpeed=1.0;masterVolume=1.0;document.getElementById("speed-slider").value=100;document.getElementById("vol-slider").value=100;document.getElementById("speed-val").textContent="100%";document.getElementById("vol-val").textContent="100%";saveSettings();}
+function loadSettings(){
+  document.getElementById("speed-slider").value=Math.round(gameSpeed*100);
+  document.getElementById("speed-val").textContent=Math.round(gameSpeed*100)+"%";
+  document.getElementById("vol-slider").value=Math.round(masterVolume*100);
+  document.getElementById("vol-val").textContent=Math.round(masterVolume*100)+"%";
+}
 function setHitMode(m){
   classicalHitMode=m;
   document.getElementById("hitmode-drums").className="smbtn"+(m==='drums'?' purple':'');
@@ -2045,7 +2103,7 @@ function buildMenu(){
   });
   updateHitModeVisibility();
 }
-buildMenu();
+buildMenu();loadSettings();
 function addPlayer(){players.push({name:"Player "+(players.length+1)});buildMenu();}
 function setMode(m){
   mode=m;