let moon = null; const center = 800; const radius = 1.08; let clouds = []; function setup() { createCanvas(windowWidth, windowHeight); imageMode(CENTER); moon = createImage(center*2, center*2); moon.loadPixels(); for(let y = 0; y < moon.height; y++) { for (let x = 0; x < moon.width; x++) { let distance = (sq(center - x) + sq(center - y) ) / 6000; let id = (x + y * moon.width) * 4; moon.pixels[id] = distance < radius ? 255 : 255 / distance; moon.pixels[id + 1] = distance < radius ? 250 : 250 / distance; moon.pixels[id + 2] = distance < radius ? 150 : 150 / distance; moon.pixels[id + 3] = distance < radius ? 255 : 255 / distance; } } moon.updatePixels(); for (let i=0; i<18; i++) { clouds.push(new Cloud(randomGaussian(windowWidth/3*2, windowWidth/3), randomGaussian(windowHeight/5*2, 95))); } } function draw() { background(40, 40, 40); noStroke(); image(moon, windowWidth/7*5, windowHeight/4); fill(235, 235, 235, 20); clouds.forEach(cloud => { cloud.run(); }); } class Cloud { constructor(x, y) { this.x = x; this.y = y; this.speed = random(0.4); this.lifetime = random(5); this.particles = []; for (let i=0; i<1000; i++) { this.particles.push({x:randomGaussian(this.x, 70), y:randomGaussian(this.y, 30)}); } } run() { this.update(); this.render(); } update() { this.particles.forEach(particle => { if(particle.x >= windowWidth+70 || this.lifetime < 0) { particle.x -= windowWidth+100; } else { particle.x += this.speed; } }); } render() { fill(235, 235, 235, this.lifetime); this.particles.forEach(particle => { ellipse(particle.x, particle.y, 50, 50); }); } } function windowResized() { resizeCanvas(windowWidth, windowHeight); clouds = []; for (let i=0; i<18; i++) { clouds.push(new Cloud(randomGaussian(windowWidth/3*2, windowWidth/3), randomGaussian(windowHeight/5*2, 95))); } }

月