Keyboard Piano

{"name":"Keyboard Piano","description":"Transform your computer's keyboard into a musical instrument with Keyboard Piano! Using the top row of your keyboard, play notes and create melodies in a fun and interactive way. Perfect for those who want to explore music through a digital medium without needing any prior experience.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-04-15T17:43:55.674602Z","updated_at":"2025-04-15T17:43:55.674606Z","user_id":60,"status":"PRIVATE","parent_id":7099,"id":7513,"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 soundQ, soundW, soundE, soundR, soundT, soundY, soundU, soundI, soundO, soundP;\n\nfunction preload() {\n soundQ = loadSound(\"@asset('soundq')\");\n soundW = loadSound(\"@asset('soundw')\");\n soundE = loadSound(\"@asset('sounde')\");\n soundR = loadSound(\"@asset('soundr')\");\n soundT = loadSound(\"@asset('soundt')\");\n soundY = loadSound(\"@asset('soundy')\");\n soundU = loadSound(\"@asset('soundu')\");\n soundI = loadSound(\"@asset('soundi')\");\n soundO = loadSound(\"@asset('soundo')\");\n soundP = loadSound(\"@asset('soundp')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n}\n\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n drawKeys(); // Call the function to draw the piano keys\n}\n\nfunction keyPressed() {\n // Check which key was pressed and play the corresponding sound\n if (key === 'q') {\n soundQ.play();\n } else if (key === 'w') {\n soundW.play();\n } else if (key === 'e') {\n soundE.play();\n } else if (key === 'r') {\n soundR.play();\n } else if (key === 't') {\n soundT.play();\n } else if (key === 'y') {\n soundY.play();\n } else if (key === 'u') {\n soundU.play();\n } else if (key === 'i') {\n soundI.play();\n } else if (key === 'o') {\n soundO.play();\n } else if (key === 'p') {\n soundP.play();\n }\n}\n\nfunction drawKeys() {\n let keyWidth = width / 10; // Width of each key\n for (let i = 0; i < 10; i++) {\n let keyChar = String.fromCharCode(81 + i); // Convert to character 'Q' to 'P'\n if (keyIsDown(keyChar)) { // Check if the corresponding key is pressed\n fill(200, 100, 100); // Change color when pressed\n } else {\n fill(255); // Default color\n }\n rect(i * keyWidth, height / 2, keyWidth - 5, 200); // Draw the keys\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Keyboard Piano\n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"project_id":7513,"created_at":"2025-04-15T17:43:55.720347Z","resource_type":"video","id":71517,"cloudinary_id":"ooxajcl1ffmfm67a6ifg","name":"soundQ","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.718776Z","resource_type":"video","id":71516,"cloudinary_id":"tcgzsn0utbgbf0omdyai","name":"soundW","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.717281Z","resource_type":"video","id":71515,"cloudinary_id":"f7dzhlx0di9ljdg5zwps","name":"soundq","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.715675Z","resource_type":"video","id":71514,"cloudinary_id":"tyy4cbbtct1gw0krqfwb","name":"soundw","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.714191Z","resource_type":"video","id":71513,"cloudinary_id":"ifhk1qoox4mjhgaztuu7","name":"sounde","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.712595Z","resource_type":"video","id":71512,"cloudinary_id":"fjykztqcxbhpqcap74ed","name":"soundr","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.709806Z","resource_type":"video","id":71511,"cloudinary_id":"b1cky8pyepukifissjtj","name":"soundt","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.708385Z","resource_type":"video","id":71510,"cloudinary_id":"v2hrnilcsqhqmucjapio","name":"soundy","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.706791Z","resource_type":"video","id":71509,"cloudinary_id":"dbuybtawxs1ucyiuyaqn","name":"soundu","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.705105Z","resource_type":"video","id":71508,"cloudinary_id":"wkulhydxem0dlbbx1kjn","name":"soundi","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.691761Z","resource_type":"video","id":71507,"cloudinary_id":"flvf2sttfloskkl9pkoh","name":"soundo","deleted":false},{"project_id":7513,"created_at":"2025-04-15T17:43:55.682637Z","resource_type":"video","id":71506,"cloudinary_id":"mppa7diyva1wly7lfjbo","name":"soundp","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}