Snowfall Symphony

{"name":"Snowfall","description":"Enjoy the mesmerizing beauty of snowfall with Snowfall Symphony. Watch as delicate snowflakes gracefully descend, creating a breathtaking winter wonderland on your screen.","photo":"https://jippity.s3.amazonaws.com/Screenshot 2024-06-04 at 9.55.40 AM.png","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2025-03-04T14:53:20.882441Z","updated_at":"2025-03-04T14:53:20.882443Z","user_id":60,"status":"PRIVATE","parent_id":492,"id":5965,"user":{"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,"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"},"code":{"script.js":"// let snow\n// let snowList = []\n// let x\n// let y\n\n// class Snow {\n// constructor(speed) {\n\n// this.x = random(10, 390)\n// this.y = random(0, 390)\n// this.s = random(15)\n// this.speed = speed\n\n// }\n// move() {\n\n// this.y = this.y + this.speed\n\n// }\n// display() {\n// frameRate(25)//10\n\n// stroke(255);\n// strokeWeight(0.2 * this.s);//3\n// noFill();\n\n// beginShape();\n// for (let i = 0; i < 6; i++) {\n// let angle = 2 * PI / 6 * i;\n// let x_i = this.x + cos(angle) * this.s;\n// let y_i = this.y + sin(angle) * this.s;\n// vertex(x_i, y_i);\n// }\n// endShape(CLOSE);\n\n// for (let i = 0; i < 6; i++) {\n// let angle = PI / 3 * i;\n// let x_i = this.x + cos(angle) * this.s;\n// let y_i = this.y + sin(angle) * this.s;\n// let x_i2 = this.x + (2 * cos(angle) * this.s);\n// let y_i2 = this.y + (2 * sin(angle) * this.s);\n// drawFlake(x_i, y_i, this.s / 2);\n// line(this.x, this.y, x_i2, y_i2)\n// line(x_i2, y_i2, )\n// }\n\n// }\n\n// }\n\n// function setup() {\n// createCanvas(400, 400);\n// }\n\n// function draw() {\n\n// background(0, 0, random(25, 75), random(50, 100));\n\n\n// let v = random(4, 6)\n\n// snowList.push(new Snow(v))\n// for (let snow of snowList) {\n// snow.move()\n// snow.display()\n// }\n// }\n\n\n// function drawFlake(x, y, s) {\n\n// beginShape();\n// for (let i = 0; i < 6; i++) {\n// let angle = 2 * PI / 6 * i;\n// let x_i = x + cos(angle) * s;\n// let y_i = y + sin(angle) * s;\n// vertex(x_i, y_i);\n// }\n// endShape(CLOSE);\n\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nlet snowList = [];\n\nclass Snow {\n constructor(speed) {\n this.x = random(10, 390)\n this.y = random(0, 390)\n this.s = random(15)\n this.speed = speed\n }\n\n move() {\n this.y = this.y + this.speed\n }\n\n display() {\n push();\n translate(this.x, this.y);\n rotate(frameCount / 200.0);\n\n frameRate(25);\n stroke(255);\n strokeWeight(0.2 * this.s);\n noFill();\n\n this.drawFlake(0, 0, this.s / 2);\n\n for (let i = 0; i < 6; i++) {\n let angle = PI / 3 * i;\n let x_i = this.x + cos(angle) * this.s;\n let y_i = this.y + sin(angle) * this.s;\n let x_i2 = this.x + (2 * cos(angle) * this.s);\n let y_i2 = this.y + (2 * sin(angle) * this.s);\n line(this.x, this.y, x_i2, y_i2)\n }\n\n pop();\n }\n\n drawFlake(x, y, s) {\n beginShape();\n for (let i = 0; i < 6; i++) {\n let angle = 2 * PI / 6 * i;\n let x_i = x + cos(angle) * s;\n let y_i = y + sin(angle) * s;\n vertex(x_i, y_i);\n }\n endShape(CLOSE);\n }\n}\n\nfunction setup() {\n createCanvas(400, 400);\n}\n\nfunction draw() {\n background(0, 0, random(25, 75), random(50, 100));\n\n let v = random(4, 6)\n\n snowList.push(new Snow(v))\n for (let snow of snowList) {\n snow.move()\n snow.display()\n }\n}","style.css":"/* body {\n margin: 0;\n padding: 0;\n background-color: #000;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n#canvas-container {\n position: relative;\n} */","index.html":"\n\n\n\n \n \n Snowfall Symphony\n \n\n\n\n

\n \n \n

\n\n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}