Falling Letter Rain

{"name":"Falling Letter Rain","description":"Experience the mesmerizing sight of falling letters leaving a fading trail as they descend down the screen and gracefully reset at the top to repeat the enchanting spectacle.","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-03-21T18:37:44.229362Z","updated_at":"2024-03-21T18:37:44.229365Z","user_id":5,"status":"PUBLIC","parent_id":375,"id":883,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let letters = [];\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n textSize(32);\n fill(0, 255, 0);\n for (let i = 0; i < 100; i++) { // Increase the number of letters to 100\n letters.push(new Letter());\n }\n}\n\nclass Letter {\n constructor() {\n this.reset();\n }\n\n reset() {\n this.x = random(windowWidth);\n this.y = random(-200, -100); // Start above the screen\n this.speed = random(5, 15);\n this.letter = String.fromCharCode(97 + round(random(0, 25)));\n }\n\n fall() {\n this.y += this.speed;\n if (this.y > windowHeight) {\n this.reset();\n }\n }\n\n show() {\n text(this.letter, this.x, this.y);\n }\n}\n\nfunction draw() {\n background(0, 0, 0, 25);\n letters.forEach((letter) => {\n letter.fall();\n letter.show();\n });\n}\n","style.css":"","index.html":"\n\n\n\n \n \n Falling Letter Rain\n \n \n \n\n\n\n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}