let stars = []; let stars2 = []; let stars3 = []; let num = 100; let buffer; let buffer2; function setup() { createCanvas(windowWidth, windowHeight); frameRate(60); // noLoop(); for (let i = 0; i < num; i++) { stars[i] = new Star(); stars2[i] = new Star(); stars3[i] = new Star(); } buffer = createGraphics(width, height); buffer.noFill(); buffer.stroke(255); buffer.strokeWeight(2.0); buffer2 = createGraphics(width / 16, height / 16); } var dirX = 0; var dirY = 0; function draw() { buffer.clear(); buffer2.clear(); background(0); for (let i = 0; i < num; i++) { stars[i].move(dirX, dirY); stars[i].draw(); stars2[i].move(dirX * 1.5, dirY * 1.5); stars2[i].draw(); stars3[i].move(dirX * 3, dirY * 3); stars3[i].draw(); } buffer2.image(buffer, 0, 0, buffer2.width, buffer2.height, 0, 0, width, height); image(buffer, 0, 0); image(buffer2, 0, 0, width, height, 0, 0, buffer2.width, buffer2.height); } function keyPressed() { if (keyCode === LEFT_ARROW) { dirX = -2; } else if (keyCode === RIGHT_ARROW) { dirX = 2; } if (keyCode === UP_ARROW) { dirY = -2; } else if (keyCode === DOWN_ARROW) { dirY = 2; } } function mouseMoved() { ellipse(mouseX, mouseY, 5, 5); if (mouseX < width * 0.5) { dirX = -2; } else { dirX = 2; } if (mouseY < height * 0.5) { dirY = -2; } else { dirY = 2; } } class Star { constructor() { this.x = random() * width; this.y = random() * height; let list = [ { 'r': 251, 'g': 248, 'b': 255 }, { 'r': 255, 'g': 189, 'b': 111 }, { 'r': 255, 'g': 221, 'b': 180 }, { 'r': 255, 'g': 244, 'b': 232 }, { 'r': 202, 'g': 216, 'b': 255 }, { 'r': 170, 'g': 191, 'b': 255 }, { 'r': 155, 'g': 176, 'b': 255 } ]; let r = random() * 100; if (r < 70) { this.c = list[0]; } else if (r > 70 && r < 75) { this.c = list[1]; } else if (r > 75 && r < 80) { this.c = list[2]; } else if (r > 80 && r < 85) { this.c = list[3]; } else if (r > 85 && r < 90) { this.c = list[4]; } else if (r > 90 && r < 95) { this.c = list[5]; } else { this.c = list[6]; } } move(x, y) { this.x += x; if (this.x > width) { this.x -= width; this.y = random() * height; } if (this.x < 0) { this.x += width; this.y = random() * height; } this.y += y; if (this.y > height) { this.y -= height; this.x = random() * width; } if (this.y < 0) { this.y += height; this.x = random() * width; } } draw() { buffer.stroke(this.c.r, this.c.g, this.c.b); buffer.point(this.x, this.y); } }

Like star wars