MUSIC

{"name":"Music Project Template","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dtrks5wjgk4uj09mlt9k","view_count":166,"fork_count":0,"expires_at":null,"created_at":"2025-08-06T08:46:22.370016Z","updated_at":"2025-08-06T08:46:22.370017Z","user_id":246,"status":"DELETED","parent_id":null,"id":6768,"user":{"photo":null,"email":"kristen@recess.gg","recess_id":"c4ad84f6-113d-480b-bc29-80549518b3ee","created_at":"2024-10-31T20:27:47.342142Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"chicothedog","id":246,"password_hash":"$2b$12$QgZsBBZ/7CFyOhVkfVhTNeoe4jAY.pIJOieTXeg0HWS23ZcCpiAeO","updated_at":"2024-10-31T20:27:47.342148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// VARIABLES: names you can use to save information \n\nlet 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\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 // An example Synth that you can play with 1, 2, 3\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 // This makes a grid in the middle of the screen. Not required.\n squareSize = width / (gridSize * 3);\n // Initialize grid states to false (off)\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 // Create sliders and position them\n for (let i = 0; i < sliderCount; i++) {\n let slider = createSlider(0, 100, 0); // Create slider from 0 to 100\n slider.position(20, 30 + i * 40); // Position each slider\n sliders.push(slider); // Add the slider to the list of sliders\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\n// Keyboard input\nfunction keyPressed() {\n currentKey = key;\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\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":[{"name":"bounce","created_at":"2025-03-31T14:24:24.515411Z","resource_type":"audio","deleted":false,"id":63876,"creator":null,"project_id":6768,"cloudinary_id":"yymz6ypgikthvegb3abw","tags":null},{"name":"bassTone","created_at":"2025-03-31T14:23:20.087598Z","resource_type":"audio","deleted":false,"id":63875,"creator":null,"project_id":6768,"cloudinary_id":"seyee9v8reieqysqxxkq","tags":null},{"name":"slide2","created_at":"2025-03-31T14:23:05.159684Z","resource_type":"audio","deleted":false,"id":63874,"creator":null,"project_id":6768,"cloudinary_id":"wul69rdra6g4zwjqgzxw","tags":null},{"name":"slide1","created_at":"2025-03-31T14:22:51.316963Z","resource_type":"audio","deleted":false,"id":63873,"creator":null,"project_id":6768,"cloudinary_id":"vn3ruks6ysrcnqdv8hwb","tags":null},{"name":"pianoFlo","created_at":"2025-03-31T14:22:25.311803Z","resource_type":"audio","deleted":false,"id":63872,"creator":null,"project_id":6768,"cloudinary_id":"u6ddcewpd7xwrrdosckp","tags":null},{"name":"pianoFhi","created_at":"2025-03-31T14:22:04.331677Z","resource_type":"audio","deleted":false,"id":63871,"creator":null,"project_id":6768,"cloudinary_id":"pkwzekdeqnrm4otgdsoy","tags":null},{"name":"pianoClo","created_at":"2025-03-31T14:21:48.161101Z","resource_type":"audio","deleted":false,"id":63870,"creator":null,"project_id":6768,"cloudinary_id":"xhqkcaqxt4fprinkyri8","tags":null},{"name":"pianoChi","created_at":"2025-03-31T14:21:33.072785Z","resource_type":"audio","deleted":false,"id":63869,"creator":null,"project_id":6768,"cloudinary_id":"ipyn4voxxyux9gtoiywb","tags":null},{"name":"pianoAlo","created_at":"2025-03-31T14:21:17.775912Z","resource_type":"audio","deleted":false,"id":63868,"creator":null,"project_id":6768,"cloudinary_id":"bua4rp2onnwhvcbkqotx","tags":null},{"name":"pianoAhi","created_at":"2025-03-31T14:21:03.990578Z","resource_type":"audio","deleted":false,"id":63867,"creator":null,"project_id":6768,"cloudinary_id":"o4kexifdpj9cnfj5u7lr","tags":null},{"name":"pluck","created_at":"2025-03-31T14:20:31.213481Z","resource_type":"audio","deleted":false,"id":63866,"creator":null,"project_id":6768,"cloudinary_id":"neqkyt3m7fs6kg2mjjjc","tags":null},{"name":"drip","created_at":"2025-03-31T14:20:04.135176Z","resource_type":"audio","deleted":false,"id":63865,"creator":null,"project_id":6768,"cloudinary_id":"bzkrhuj4k2aoyooukcxu","tags":null},{"name":"chord2","created_at":"2025-03-31T14:19:42.571880Z","resource_type":"audio","deleted":false,"id":63864,"creator":null,"project_id":6768,"cloudinary_id":"d21qrbxzrwphddguqfrm","tags":null},{"name":"chord1","created_at":"2025-03-31T14:19:22.180180Z","resource_type":"audio","deleted":false,"id":63863,"creator":null,"project_id":6768,"cloudinary_id":"xlvd7n78znbw6r7pinsm","tags":null},{"name":"bonk","created_at":"2025-03-30T21:21:41.276778Z","resource_type":"audio","deleted":false,"id":63775,"creator":null,"project_id":6768,"cloudinary_id":"njode3ul2ofw1vla2sgf","tags":null},{"name":"clank","created_at":"2025-03-30T21:20:56.809692Z","resource_type":"audio","deleted":false,"id":63774,"creator":null,"project_id":6768,"cloudinary_id":"mxtoca8vz8y0fu9cqrnl","tags":null},{"name":"lowDrum","created_at":"2025-03-30T21:20:11.021058Z","resource_type":"audio","deleted":false,"id":63773,"creator":null,"project_id":6768,"cloudinary_id":"et1qrxvk4813z8fixkh0","tags":null},{"name":"pianoGuy","created_at":"2025-03-30T21:16:33.247025Z","resource_type":"image","deleted":false,"id":63772,"creator":null,"project_id":6768,"cloudinary_id":"dtrks5wjgk4uj09mlt9k","tags":null}],"messages_sent":14,"comments":[{"content":"🤯","id":1128,"user_id":388,"user":{"photo":null,"email":"aster.burns@alpha.school","recess_id":null,"created_at":"2025-03-10T13:53:13.567902Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"asteralpha","id":388,"password_hash":"$2b$12$y2nR5YMu6tWOQ0DUgyAKSeRINoHyubAxBewiE.wR6OqZGTIFSc3yC","updated_at":"2025-03-10T13:53:13.567909Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-07T18:05:35.165026Z","updated_at":"2025-04-07T18:05:35.165027Z"},{"content":"\nYhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!!!!!!!!!!!!!!!!!!!!!","id":1138,"user_id":236,"user":{"photo":null,"email":"amelia.gabler@alpha.school","recess_id":null,"created_at":"2024-10-15T14:41:00.503971Z","reset_token":null,"stripe_customer_id":"","seats":null,"username":"amelia","id":236,"password_hash":"$2b$12$TfhVndavKyycOBlwLcx0HOBBZcd3o0DIMepYc0/PmXKqyORLZpmXS","updated_at":"2024-10-15T14:41:00.503975Z","reset_token_expiry":null,"subscription_status":""},"project_id":6768,"created_at":"2025-04-14T18:22:08.650448Z","updated_at":"2025-04-14T18:22:08.650449Z"},{"content":"no amelia","id":1139,"user_id":230,"user":{"photo":null,"email":"virginia.gray@alpha.school","recess_id":null,"created_at":"2024-10-15T14:35:03.910401Z","reset_token":null,"stripe_customer_id":"","seats":null,"username":"ginny","id":230,"password_hash":"$2b$12$LMIPzoagaFZCklU3PrQh7.xYmNRf9jHzv3NTH6wtKeLoeQyzeoy.m","updated_at":"2024-10-15T14:35:03.910408Z","reset_token_expiry":null,"subscription_status":""},"project_id":6768,"created_at":"2025-04-14T18:46:21.248137Z","updated_at":"2025-04-14T18:46:21.248140Z"},{"content":"what","id":1140,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:40:44.739664Z","updated_at":"2025-04-16T17:40:44.739666Z"},{"content":"hey what in the world is going on","id":1141,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:42:31.536605Z","updated_at":"2025-04-16T17:42:31.536606Z"},{"content":"la la lava ","id":1142,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:43:12.307393Z","updated_at":"2025-04-16T17:43:12.307394Z"},{"content":"la la la lava ch ch ch chiken stevs lava andas tasty as hel","id":1143,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:45:07.307238Z","updated_at":"2025-04-16T17:45:07.307241Z"},{"content":"oh ginny!","id":1144,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:47:07.224025Z","updated_at":"2025-04-16T17:47:07.224028Z"},{"content":"loaaaaaaaaaaaaads of lava chiken\n","id":1145,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:48:38.741162Z","updated_at":"2025-04-16T17:48:38.741164Z"},{"content":"Loding\n","id":1146,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:49:04.148975Z","updated_at":"2025-04-16T17:49:04.148976Z"},{"content":"Loading...","id":1147,"user_id":393,"user":{"photo":null,"email":"landon.thach@alpha.school","recess_id":null,"created_at":"2025-03-10T14:00:43.041878Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"landon","id":393,"password_hash":"$2b$12$ryetumtSgHwc/2WqXSuIre3POLPyIsLmOHET8Ym/Z40anSVSa.Qfi","updated_at":"2025-03-10T14:00:43.041882Z","reset_token_expiry":null,"subscription_status":null},"project_id":6768,"created_at":"2025-04-16T17:49:30.569443Z","updated_at":"2025-04-16T17:49:30.569444Z"}],"steps":[]}