MUSIC

{"name":"Ginny's Project","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dtrks5wjgk4uj09mlt9k","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-04-16T18:35:54.188994Z","updated_at":"2025-04-16T18:35:54.188996Z","user_id":60,"status":"PRIVATE","parent_id":7469,"id":7567,"user":{"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active","photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100},"code":{"script.js":"let synth;\n\nlet gainNode;\n\nlet sampleGainNode;\n\nlet lowDrum, clank, bonk, bassTone, slide1, slide2, pianoFlo, pianoFhi, pianoClo, pianoChi, pianoAlo, pianoAhi, pluck, drip, chord1, chord2;\n\nlet currentKey = '';\n\n// Adjust this for a different grid\nlet gridSize = 3;\n\nlet squareSize;\n\nlet gridStates = [];\n\nlet sliders = [];\n\n// Adjust this for more or fewer sliders\nlet sliderCount = 6;\n\nlet fluteSynth;\n\nlet guitarSynth;\n\nlet voiceSynth;\n\nfunction preload() {\n // Sets volume for Synths (0.1-0.2 should be good)\n gainNode = new Tone.Gain(0.2).toDestination();\n\n // Sets volume for audio files\n sampleGainNode = new Tone.Gain(0.2).toDestination();\n\n // I loaded in a bunch of audio samples for you. You can add more!\n lowDrum = new Tone.Player(\"@asset('lowDrum')\").connect(sampleGainNode);\n clank = new Tone.Player(\"@asset('clank')\").connect(sampleGainNode);\n bonk = new Tone.Player(\"@asset('bonk')\").connect(sampleGainNode);\n bassTone = new Tone.Player(\"@asset('bassTone')\").connect(sampleGainNode);\n slide1 = new Tone.Player(\"@asset('slide1')\").connect(sampleGainNode);\n slide2 = new Tone.Player(\"@asset('slide2')\").connect(sampleGainNode);\n pianoFlo = new Tone.Player(\"@asset('pianoFlo')\").connect(sampleGainNode);\n pianoFhi = new Tone.Player(\"@asset('pianoFhi')\").connect(sampleGainNode);\n pianoClo = new Tone.Player(\"@asset('pianoClo')\").connect(sampleGainNode);\n pianoChi = new Tone.Player(\"@asset('pianoChi')\").connect(sampleGainNode);\n pianoAlo = new Tone.Player(\"@asset('pianoAlo')\").connect(sampleGainNode);\n pianoAhi = new Tone.Player(\"@asset('pianoAhi')\").connect(sampleGainNode);\n pluck = new Tone.Player(\"@asset('pluck')\").connect(sampleGainNode);\n drip = new Tone.Player(\"@asset('drip')\").connect(sampleGainNode);\n chord1 = new Tone.Player(\"@asset('chord1')\").connect(sampleGainNode);\n chord2 = new Tone.Player(\"@asset('chord2')\").connect(sampleGainNode);\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235);\n\n synth = new Tone.Synth({\n oscillator: {\n type: 'triangle'\n },\n envelope: {\n attack: 0.1,\n decay: 0.2,\n sustain: 0.5,\n release: 0.5\n }\n }).connect(gainNode);\n\n // Initialize the flute synth with a triangle wave\n fluteSynth = new Tone.Synth({\n oscillator: {\n type: 'triangle'\n },\n envelope: {\n attack: 0.2,\n decay: 0.3,\n sustain: 0.4,\n release: 0.5\n }\n }).connect(gainNode);\n\n // Initialize the guitar synth with a saw wave\n guitarSynth = new Tone.Synth({\n oscillator: {\n type: 'sawtooth' // Use sawtooth wave for electric guitar sound\n },\n envelope: {\n attack: 0.01, // Short attack for twangy sound\n decay: 0.1,\n sustain: 0.3,\n release: 0.2\n }\n }).connect(gainNode);\n\n // Initialize the voice synth with a sine wave\n voiceSynth = new Tone.Synth({\n oscillator: {\n type: 'sine' // Use sine wave for voice-like sound\n },\n envelope: {\n attack: 0.5, // Long attack\n decay: 0.5,\n sustain: 0.8,\n release: 1.0 // Long release\n }\n }).connect(gainNode);\n\n squareSize = width / (gridSize * 3);\n for (let i = 0; i < gridSize; i++) {\n gridStates[i] = [];\n for (let j = 0; j < gridSize; j++) {\n gridStates[i][j] = false;\n }\n }\n\n for (let i = 0; i < sliderCount; i++) {\n let slider = createSlider(0, 100, 0);\n slider.position(20, 30 + i * 40);\n sliders.push(slider);\n }\n}\n\nfunction draw() {\n background(220, 150, 0);\n\n // Draw the grid of squares and light up the on ones\n for (let i = 0; i < gridSize; i++) {\n for (let j = 0; j < gridSize; j++) {\n let x = (width / 2) - (squareSize * gridSize / 2) + (j * squareSize);\n let y = (height / 2) - (squareSize * gridSize / 2) + (i * squareSize);\n fill(gridStates[i][j] ? 'yellow' : 'gray');\n rect(x, y, squareSize, squareSize);\n }\n }\n\n // Text settings\n textAlign(CENTER, CENTER);\n textSize(64);\n fill(0);\n // Show which key you pressed last.\n text(currentKey, width / 2, height / 2);\n\n // Display slider values next to each slider\n for (let i = 0; i < sliderCount; i++) {\n fill(0); // Set text color to black\n textSize(16); // Smaller text size for slider values\n text(sliders[i].value(), sliders[i].x + 150, sliders[i].y + 10); // Display the value next to the slider\n }\n}\n\n// Mouse input\nfunction mousePressed() {\n let row = Math.floor((mouseY - (height / 2 - (squareSize * gridSize) / 2)) / squareSize);\n let col = Math.floor((mouseX - (width / 2 - (squareSize * gridSize) / 2)) / squareSize);\n if (row >= 0 && row < gridSize && col >= 0 && col < gridSize) {\n gridStates[row][col] = !gridStates[row][col]; // Turn squares on/off\n }\n}\n\nfunction keyPressed() {\n currentKey = key;\n const notes = ['C4', 'D4', 'E4', 'F4', 'G4', 'A4', 'B4', 'C5', 'D5', 'E5'];\n\n if (key === '1') {\n synth.triggerAttackRelease('C4', '8n');\n } else if (key === '2') {\n synth.triggerAttackRelease('D4', '8n');\n } else if (key === '3') {\n synth.triggerAttackRelease('E4', '8n');\n }\n\n if (key === '8') {\n lowDrum.start();\n } else if (key === '9') {\n clank.start();\n } else if (key === '0') {\n bonk.start();\n }\n\n // Map QWERTYUIOP to a major scale flute sound\n const keys = 'QWERTYUIOP';\n const index = keys.indexOf(key.toUpperCase());\n if (index !== -1) {\n fluteSynth.triggerAttackRelease(notes[index], '8n');\n }\n\n // Map ASDFGHJKL to electric guitar sounds\n const guitarKeys = 'ASDFGHJKL';\n const guitarIndex = guitarKeys.indexOf(key.toUpperCase());\n if (guitarIndex !== -1) {\n guitarSynth.triggerAttackRelease(notes[guitarIndex], '8n'); // Trigger guitar note\n }\n\n // Map ZXCVBNM,./ to voice sounds\n const voiceKeys = 'ZXCVBNM,.';\n const voiceIndex = voiceKeys.indexOf(key.toUpperCase());\n if (voiceIndex !== -1) {\n voiceSynth.triggerAttack(notes[voiceIndex]); // Start voice note\n }\n}\n\nfunction keyReleased() {\n const voiceKeys = 'ZXCVBNM,.';\n if (voiceKeys.includes(key.toUpperCase())) {\n voiceSynth.triggerRelease(); // Stop the voice note when the key is released\n }\n}\n\n","style.css":"body {\n margin: 0;\n}\n\ncanvas {\n display: block;\n}","index.html":"\n\n\n\n \n \n MUSIC\n \n\n \n \n\n\n\n\n \n\n\n"},"chat_history":[],"assets":[{"project_id":7567,"created_at":"2025-04-16T18:35:46.771543Z","resource_type":"video","id":72199,"cloudinary_id":"yymz6ypgikthvegb3abw","name":"bounce","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.770063Z","resource_type":"video","id":72198,"cloudinary_id":"seyee9v8reieqysqxxkq","name":"bassTone","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.768499Z","resource_type":"video","id":72197,"cloudinary_id":"wul69rdra6g4zwjqgzxw","name":"slide2","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.766882Z","resource_type":"video","id":72196,"cloudinary_id":"vn3ruks6ysrcnqdv8hwb","name":"slide1","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.765240Z","resource_type":"video","id":72195,"cloudinary_id":"u6ddcewpd7xwrrdosckp","name":"pianoFlo","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.763591Z","resource_type":"video","id":72194,"cloudinary_id":"pkwzekdeqnrm4otgdsoy","name":"pianoFhi","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.761768Z","resource_type":"video","id":72193,"cloudinary_id":"xhqkcaqxt4fprinkyri8","name":"pianoClo","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.760251Z","resource_type":"video","id":72192,"cloudinary_id":"ipyn4voxxyux9gtoiywb","name":"pianoChi","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.758787Z","resource_type":"video","id":72191,"cloudinary_id":"bua4rp2onnwhvcbkqotx","name":"pianoAlo","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.756878Z","resource_type":"video","id":72190,"cloudinary_id":"o4kexifdpj9cnfj5u7lr","name":"pianoAhi","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.755526Z","resource_type":"video","id":72189,"cloudinary_id":"neqkyt3m7fs6kg2mjjjc","name":"pluck","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.753976Z","resource_type":"video","id":72188,"cloudinary_id":"bzkrhuj4k2aoyooukcxu","name":"drip","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.752409Z","resource_type":"video","id":72187,"cloudinary_id":"d21qrbxzrwphddguqfrm","name":"chord2","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.750584Z","resource_type":"video","id":72186,"cloudinary_id":"xlvd7n78znbw6r7pinsm","name":"chord1","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.748935Z","resource_type":"video","id":72185,"cloudinary_id":"njode3ul2ofw1vla2sgf","name":"bonk","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.746718Z","resource_type":"video","id":72184,"cloudinary_id":"mxtoca8vz8y0fu9cqrnl","name":"clank","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.745069Z","resource_type":"video","id":72183,"cloudinary_id":"et1qrxvk4813z8fixkh0","name":"lowDrum","deleted":false},{"project_id":7567,"created_at":"2025-04-16T18:35:46.743286Z","resource_type":"image","id":72182,"cloudinary_id":"dtrks5wjgk4uj09mlt9k","name":"pianoGuy","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}