Simple Synthesizer

{"name":"Simple Synthesizer","description":"Create your own sounds with this fun and interactive synthesizer! Explore different audio waves and effects as you play around with a colorful interface. Perfect for beginners, this project will help you learn programming while unleashing your creativity!","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-03-04T18:52:42.569193Z","updated_at":"2025-03-04T18:52:42.569195Z","user_id":166,"status":"PRIVATE","parent_id":null,"id":5968,"user":{"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let osc;\n\nlet playing = false;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n // Create a saw wave oscillator\n osc = new p5.Oscillator('sawtooth');\n osc.amp(0); // Start with amplitude at 0\n}\n\nfunction draw() {\n // Visuals for the synthesizer\n textSize(32);\n textAlign(CENTER, CENTER);\n fill(0);\n if (playing) {\n text('Playing', width / 2, height / 2);\n } else {\n text('Press a key to play', width / 2, height / 2);\n }\n}\n\nfunction startOscillator() {\n osc.start();\n osc.amp(0.5); // Set amplitude to a reasonable level\n}\n\nfunction keyReleased() {\n osc.stop();\n playing = false;\n}\n\nfunction keyPressed() {\n let freq;\n switch (key) {\n case 'A': freq = midiToFreq(60); break; // C4\n case 'W': freq = midiToFreq(61); break; // C#4\n case 'S': freq = midiToFreq(62); break; // D4\n case 'E': freq = midiToFreq(63); break; // D#4\n case 'D': freq = midiToFreq(64); break; // E4\n case 'F': freq = midiToFreq(65); break; // F4\n case 'T': freq = midiToFreq(66); break; // F#4\n case 'G': freq = midiToFreq(67); break; // G4\n case 'Y': freq = midiToFreq(68); break; // G#4\n case 'H': freq = midiToFreq(69); break; // A4\n case 'U': freq = midiToFreq(70); break; // A#4\n case 'J': freq = midiToFreq(71); break; // B4\n case 'K': freq = midiToFreq(72); break; // C5\n default: return; // If the key doesn't match, return early\n }\n console.log(`Playing note: ${key}`); // Log the key being played\n osc.freq(freq);\n if (!playing) {\n startOscillator(); // Start the oscillator if it's not already playing\n playing = true;\n }\n}\n\nfunction mousePressed() {\n startOscillator();\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Simple Synthesizer\n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":6,"comments":[],"steps":[]}