let img1, img2;
function preload() {
img1 = loadImage("/assets/index.jpg");
img2 = loadImage("/assets/star.png");
}
function setup() {
createCanvas(600, 600);
nStars = int(random(100, 300));
angleMode(DEGREES);
image(img1, 0, 0, 800, 800);
noStroke();
background(img1);
imageMode(CENTER);
stars = [];
w = 3;
}
function draw() {
translate(width / 2, height / 2);
t1 = frameCount / 4;
rotate(t1 / 2);
image(img1, 0, 0, 800, 800);
s = 90;
x = -width / 5;
y = width / 5;
r = 100;
push();
translate(x, y);
rotate(-t1);
drawStar(0, 0, 100);
pop();
push();
translate(-x, -y);
rotate(-t1);
drawStar(0, 0, 100);
pop();
}
function drawStar(x, y, r) {
image(img2, x, y, r * 4, r * 4);
push();
if (r > 5) {
t = t1;
r1 = r;
drawStar(x + r * sin(t) * cos(t / 4), y + r * cos(t) * cos(t / 2), r / 4);
drawStar(
x + r * sin(t + 180) * cos(t / 4),
y + r * cos(t + 180) * cos(t / 2),
r / 4
);
}
pop();
}