Time-lapse photography

by mingjian sun

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script>

JavaScript

var stars = [];
function setup() {
    createCanvas(800, 600);
    for (var i = 0; i < 100; i++) {
        stars.push(new Star());
    }
}

function draw() {
    fill("rgba(2, 16, 80, 0.09)");
    rect(0, 0, width, height);
    noFill();
    stroke('#aaa');
    for (var i = 0; i < stars.length; i++) {
        stars[i].update();
    }
    for (var i = 0; i < stars.length; i++) {
        stars[i].draw();
    }
}

function Star() {
    this.originX = width / 2;
    this.originY = height / 2;
    this.angle = random(TWO_PI) - PI;
    this.size = random(max(width, height));
}
Star.prototype.update = function () {
    this.angle += 0.005;
}
Star.prototype.draw = function () {
    arc(this.originX, this.originY, this.size, this.size, this.angle, this.angle + 0.1);
}