const w = 1920; const h = 970; const treeColors = ["#c54c3d", "#eee0c7", "#005f5c","#EEDB70"]; const treeCount = 25; const snowCount = 250; let trees = []; let snowflakes = []; function setup() { createCanvas(w, h); rectMode(CENTER); frameRate(30); initializeTrees(); initializeSnowflakes(); } function draw() { background(0); updateAndDisplayTrees(); updateAndDisplaySnowflakes(); } function initializeTrees() { for (let j = 0; j < treeCount; j++) { trees.push(new Tree(random(12, 25), createVector(random(0, w), random(0, h)))); } } function initializeSnowflakes() { for (let i = 0; i < snowCount; i++) { snowflakes.push(new Snow(random(1.22, 5), createVector(random(0, w), random(0, h)))); } } function updateAndDisplayTrees() { for (const tree of trees) { tree.move(); tree.fall(); tree.display(); } } function updateAndDisplaySnowflakes() { for (const snowflake of snowflakes) { snowflake.move(); snowflake.fall(); snowflake.display(); } } class Tree { constructor(diameter, position) { this.diameter = diameter; this.position = position; this.velocity = createVector(random(-2, 2), random(-2, 2)); this.rotationSpeed = random(0, 0.02); this.rotationOffset = random(-TWO_PI, TWO_PI); } move() { this.position.add(this.velocity); } fall() { if (this.position.x < this.diameter / 2 || this.position.x > w - this.diameter / 2) { this.velocity.x *= -1; } if (this.position.y < this.diameter / 2 || this.position.y > h - this.diameter / 2) { this.velocity.y *= -1; } } display() { push(); translate(this.position.x, this.position.y); rotate(sin(frameCount * this.rotationSpeed + this.rotationOffset) * 5); translate(-this.position.x, -this.position.y); noFill(); strokeWeight(this.diameter); for (let i = 0; i < 12; i++) { let current = sin(frameCount * this.rotationSpeed) * this.diameter * i; let strokeColor = i % 2 !== 0 ? color(treeColors[2]) : color(treeColors[0]); stroke(strokeColor); circle(this.position.x, this.position.y + (i * sin(frameCount * this.rotationSpeed) * 12), current + (i * 12)); } noStroke(); fill(treeColors[3]); circle(this.position.x, this.position.y , this.diameter); pop(); } } class Snow { constructor(diameter, position) { this.diameter = diameter; this.position = position; this.velocity = createVector(random(-1.2, 1.2), random(-0.2, 1.2)); this.rotationSpeed = random(0.12); this.rotationOffset = random(-PI, PI); } move() { this.position.add(this.velocity); } fall() { if (this.position.x < -this.diameter || this.position.x > w + this.diameter) { this.velocity.x *= -1; } if (this.position.y < -this.diameter || this.position.y > h + this.diameter) { this.velocity.y *= -1; } } display() { push(); translate(this.position.x, this.position.y); rotate(sin(frameCount * this.rotationSpeed + this.rotationOffset)); noFill(); let strokeColor = color(treeColors[1]); let alphaValue = 25 + 125 * sin(frameCount * this.rotationSpeed); strokeColor.setAlpha(alphaValue); stroke(strokeColor); strokeWeight(2.5); let current = sin(frameCount * this.rotationSpeed) * (this.diameter / 12) + this.diameter; crystal(0, 0, current, this.diameter); pop(); } } function crystal(x, y, radius, diameter) { const angle = TWO_PI / 12; for (let n = 0; n < diameter/2; n++) { rectMode(CENTER); beginShape(); for (let a = 0; a < TWO_PI; a += angle) { let ax = x + cos(a) * (radius * n); let ay = y + sin(a) * (radius * n); vertex(ax, ay); } endShape(CLOSE); } push(); rotate(PI/12); for (let i = 0; i < 3; i++) { rotate(PI/3); translate(0, 0); line(diameter * 2, diameter * 2, -diameter * 2, -diameter * 2); } pop(); }