.patch-manager { display: flex; flex-direction: column; gap: 10px; width: 1200px; margin: 0 auto 10px; padding: 10px; background-color: #222; border-radius: 5px; border: 2px solid #444; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .patch-save, .patch-load { display: flex; gap: 10px; align-items: center; } #patch-name { flex: 1; padding: 8px; border: 1px solid #555; border-radius: 3px; background-color: #333; color: white; font-family: 'Courier New', monospace; } #patch-select { flex: 1; padding: 8px; border: 1px solid #555; border-radius: 3px; background-color: #333; color: white; font-family: 'Courier New', monospace; } #save-patch, #load-patch, #delete-patch { padding: 8px 15px; border: none; border-radius: 3px; cursor: pointer; font-weight: bold; font-family: 'Courier New', monospace; text-transform: uppercase; transition: all 0.2s; } #save-patch { background-color: #2ecc71; color: #111; } #load-patch { background-color: #3498db; color: #111; } #delete-patch { background-color: #e74c3c; color: #111; } #save-patch:hover, #load-patch:hover, #delete-patch:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } #save-patch:active, #load-patch:active, #delete-patch:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
1. IMPORTANT: Click the red "Click or tap here to START AUDIO" banner at the top to initialize audio
2. The POWER toggle in the OUTPUT SECTION should turn on automatically
3. Use the touchplate keyboard to play notes (or your computer keyboard: A-J for first octave, K-; for second)
4. Click on the sequencer steps (blue squares) to activate/deactivate them in the sequence
5. Connect patches by clicking on two jacks consecutively in the SIGNAL ROUTING section
6. Adjust sliders by clicking and dragging vertically
7. Turn knobs by clicking and dragging up/down
8. Try the RANDOM PATCH button for unexpected sounds
9. Use RECORD and PLAY buttons to capture and playback your performance
NOTE: If you experience audio issues, please try using Chrome or Firefox for best compatibility.