whattheflat/JamBuddy
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

additions for live chroma and sound improvements

Browse Source
This commit is contained in:
vadimwit
2026-03-06 14:07:32 +00:00
parent f133abfdee
commit c08cd619f7
23 changed files with 947 additions and 6629 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Fretboard.jsx
+9 -8
View File
@@ -31,8 +31,8 @@ const fretX = f => NUT_X + (f - 0.5) * FRET_W
const stringY = si => PAD_T + si * STRING_H
function noteColor(isChordTone, isPenta, isScale) {
if (isChordTone) return { fill: '#f59e0b', text: '#000' } // amber
if (isPenta) return { fill: '#a855f7', text: '#fff' } // purple
if (isChordTone) return { fill: '#a855f7', text: '#fff' } // purple
if (isPenta) return { fill: '#f59e0b', text: '#000' } // amber
if (isScale) return { fill: '#374151', text: '#d1d5db' } // grey
return null
}
@@ -57,11 +57,12 @@ export default function Fretboard({ keyInfo, currentChord, pentatonicOnly = fals
{currentChord && <span className="text-amber-400 ml-2">/ {currentChord}</span>}
</p>
<div className="overflow-x-auto">
<div>
<svg
width={BOARD_W}
height={BOARD_H}
style={{ display: 'block', minWidth: BOARD_W }}
viewBox={`0 0 ${BOARD_W} ${BOARD_H}`}
width="100%"
height="auto"
style={{ display: 'block' }}
>
{/* Fretboard background */}
<rect x={NUT_X} y={PAD_T - 6} width={BOARD_W - NUT_X - 4} height={5 * STRING_H + 12}
@@ -145,8 +146,8 @@ export default function Fretboard({ keyInfo, currentChord, pentatonicOnly = fals
</div>
<div className="mt-3 flex gap-5 text-xs text-gray-500">
<span><span className="text-amber-400">●</span> Chord tone</span>
<span><span className="text-accent">●</span> Pentatonic</span>
<span><span className="text-accent">●</span> Chord tone</span>
<span><span className="text-amber-400">●</span> Pentatonic</span>
<span><span className="text-gray-500">●</span> Scale</span>
</div>
</div>