【Fork No.01】reona396様のLines

// reona396様の作品 Lines のFork
// https://openprocessing.org/sketch/918484

const palette = ["#ff595e","#ffca3a","#8ac926","#1982c4","#6a4c93"];
let lines = [];
let linesNum = 60;

const DIST = 10;
let MAX;
const GEN = 40;

let stColor;

function setup() {
    createCanvas(windowWidth, windowHeight);
    angleMode(DEGREES);

    MAX = width > height ? width : height;
    stColor = "#ffca3a";

    for (let i = 0; i < linesNum; i++) {
        lines.push(new MyLine());
    }
}

function draw() {
    background(255);

    noStroke();
    for (let i = 0; i < lines.length; i++) {
        push();
        translate(width / 2, height + 10);
        rotate(360 * i / lines.length);
        lines[i].display();
        pop();
    }

    fill(255);
    stroke(stColor);
    strokeWeight(15);
    circle(width / 2, height + 10, MAX * 0.5);
}

class MyLine {
    constructor() {
        this.objs = [];
        this.speed = random(5, 10);
        this.h = random(10, 20);
    }

    display() {
        if (random(100) < GEN) {
            if ((this.objs.length == 0) ||
                (this.objs.length > 0 && this.objs[this.objs.length - 1].hasDistance())) {
                this.objs.push(new Obj(this.speed, this.h));
            }
        }

        for (let i = 0; i < this.objs.length; i++) {
            this.objs[i].move();
            this.objs[i].display();
        }

        if (this.objs.length > 0) {
            for (let j = this.objs.length - 1; j >= 0; j--) {
                if (this.objs[j].isFinished()) {
                    this.objs.splice(j, 1);
                }
            }
        }
    }
}

class Obj {
    constructor(tmpSpeed, tmpH) {
        this.x = 0;
        this.y = 0;
        this.speed = tmpSpeed;
        this.w = random(20, 100);
        this.h = tmpH;
        this.c = color(random(palette));
    }

    move() {
        this.x -= this.speed;
    }

    isFinished() {
        if (this.x < -MAX * 1 - this.w) {
            return true;
        } else {
            return false;
        }
    }

    hasDistance() {
        if (this.x < -(this.w + DIST)) {
            return true;
        } else {
            return false;
        }
    }

    display() {
        fill(this.c);
        rect(this.x, this.y, this.w, this.h, this.h / 2);
    }
}