var stars = [];
window.addEventListener("load", () => {
    Vector3.seed = "Statusprobleme";
    while(stars.length < 500) {
        var p = Vector3.rand
        p = p.mul(2).sub(1);
        if(p.distance() <= 1) {
            stars.push(p);
        }
    }
    stars = Vector3.sortY(stars);
    requestAnimationFrame(drawing);
}, true);

function drawing(stamp) {
    var rad = 250;
    for(var star in stars) {
        var s1 = stars[star];
        var s = s1.mul(new Vector3(1, 1, 1));
        var p = new Vector2(s.x * rad, ((s.y * 0.1) + s.z) * rad).add(new Vector2(rad*1.1,rad*1.1));
        if(stars[star].dom === null) {
            var d = document.createElement("div");
            d.style = "width:1px;height:1px;border-radius:3px;overflow:hidden;position:absolute;";
            d.style.top = (p.y) + "px";
            d.style.left = (p.x) + "px";
            d.style.background = "rgb(" + (Math.floor(s.y*127)+128) + ", " + (Math.floor(s.y*127)+128) + ", " + (Math.floor(s.y*127)+128) + ")";
            d.style.zIndex = Math.round(p.z * 10000);
            document.body.appendChild(d);
            stars[star].dom = d;
        } else {
            stars[star].dom.style.top = (p.y) + "px";
            stars[star].dom.style.left = (p.x) + "px";
        }
    }
    requestAnimationFrame(drawing);
}