Piano synth · qwen3-vl-32b-instruct
Output generated Cost / run $0.0019 Runtime 32.9s
Prompt for this run
Using the pre-provided tone.min.js (global Tone), build a playable piano keyboard controlled by mouse and computer keys that synthesizes notes with an ADSR envelope and visual key feedback.
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
METRICS
Transcript · 8 messages
Using the pre-provided tone.min.js (global Tone), build a playable piano keyboard controlled by mouse and computer keys that synthesizes notes with an ADSR envelope and visual key feedback.
{"command":"ls -la"}total 344 drwxr-sr-x. 2 node node 25 Aug 1 20:28 . drwxrwsrwx. 3 root node 16 Aug 1 20:28 .. -rw-r--r--. 1 node node 349169 Aug 1 20:28 tone.min.js
{"path":"tone.min.js"}/*! For license information please see Tone.js.LICENSE.txt */ [Showing lines 1-1 of 3 (50.0KB limit). Use offset=2 to continue.]
index.html (6308 bytes)Successfully wrote 6308 bytes to index.html
I've created a single-page web app with a playable piano keyboard that: 1. Uses the provided `tone.min.js` library for audio synthesis 2. Implements an ADSR envelope (Attack, Decay, Sustain, Release) for realistic sound 3. Provides visual feedback when keys are pressed (keys highlight) 4. Supports both mouse interaction and computer keyboard input (A to L keys for white keys, Z, X, C, V, B, N, M, comma, period, slash for black keys) 5. Includes proper positioning of black keys above white keys 6. All code is contained in one self-contained `index.html` file with inline CSS and JavaScript The piano features: - 14 white keys (C4 to C6) - 10 black keys (C#4, D#4, F#4, G#4, A#4, C#5, D#5, F#5, G#5, A#5) - Visual key highlighting on press - Smooth transitions for better user experience - Clear instructions at the top The app runs completely offline with no external resources or network requests.