3dtours/SonicForgeStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: opened MIDI item notes darker than same-track siblings

Browse Source
This commit is contained in:
3dtours
2026-07-31 09:50:54 +07:00
parent 0ea994fb2f
commit 60d05e2b4d
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/js/app.jsx
+7 -7
View File
@@ -6256,14 +6256,14 @@ const PianoRollTabEditor = ({ st, zoom, bpm, viewportWidth, activeTracks, onClos
ctx.stroke();
}
// Layer 2: Ghost Notes (same-track = active amber, other tracks = reference)
// Layer 2: Ghost Notes (same-track = lighter reference, other tracks = faint)
if (showGhostNotes && sessionSyncMode && ghostLayers.length > 0) {
ghostLayers.forEach(function(layer) {
ctx.save();
var isSameTrackLayer = layer.isSameTrack;
ctx.globalAlpha = isSameTrackLayer ? 0.65 : 0.25;
ctx.fillStyle = isSameTrackLayer ? 'rgba(251, 191, 36, 0.55)' : (layer.track_color || '#888');
ctx.strokeStyle = isSameTrackLayer ? 'rgba(245, 158, 11, 0.9)' : (layer.track_color || '#888');
ctx.globalAlpha = isSameTrackLayer ? 0.35 : 0.25;
ctx.fillStyle = isSameTrackLayer ? 'rgba(251, 191, 36, 0.35)' : (layer.track_color || '#888');
ctx.strokeStyle = isSameTrackLayer ? 'rgba(245, 158, 11, 0.6)' : (layer.track_color || '#888');
layer.notes.forEach(function(note) {
var snapStart = snapValue !== 'free' ? getSnapBeat(note.relative_start_beat, snapValue) : note.relative_start_beat;
var rawEnd = note.relative_start_beat + note.duration_beats;
@@ -6290,9 +6290,9 @@ const PianoRollTabEditor = ({ st, zoom, bpm, viewportWidth, activeTracks, onClos
const isSelected = selectedNoteIds.includes(note.id);
// Draw background of note
ctx.fillStyle = isSelected ? 'rgba(59, 130, 246, 0.4)' : 'rgba(234, 179, 8, 0.25)';
ctx.strokeStyle = isSelected ? '#3b82f6' : '#ca8a04';
ctx.lineWidth = isSelected ? 1.5 : 1;
ctx.fillStyle = isSelected ? 'rgba(59, 130, 246, 0.5)' : 'rgba(234, 179, 8, 0.5)';
ctx.strokeStyle = isSelected ? '#3b82f6' : '#f59e0b';
ctx.lineWidth = isSelected ? 1.5 : 1.2;
ctx.fillRect(x + 1, y + 1, w - 2, NoteHeight - 2);
ctx.strokeRect(x + 1, y + 1, w - 2, NoteHeight - 2);