【p5js/プログラミング】竜宮城。

こんにちは、たやち（tayati369）です。

p5.jsでコーディングしています。
PCD@Tokyoさんの「デイリーコーディングチャレンジ」！！に素人極まりない私も参加しております。
毎日できるかわからないけれど、リモートワークのこのご時世、通勤分の時間があるでチャレンジしていきます。（デイリーとはｗ）

４０日目のテーマは「竜宮城」。

竜宮城は、青緑がかったきれいな海の中にある、赤い建物のイメージがあったので、海に入って揺らめく雰囲気を表現してみました。竜宮城っていうホテルがあると思うんだけれど、霜降り明星のYouTubeで見てから一度いってみたいなーと思っています。😂

では、ごらんあれ〜。

function setup(){
    createCanvas(500, 500);
    background(255, 20);
    colorMode(HSB, 360, 100, 100, 100);
    // noLoop();
}

function draw(){
    var p = createVector(0, 0);
    var next_p = createVector(5, 5);
    for (let j = 0; j < width; j+=next_p.x) {
        push();
        translate(j,0);
        for (let i = 0; i < height; i++) {
            push();
            translate(0, i);
            strokeWeight(0.5);
            stroke(getCol(i, random(0, 3)));
            line(p.x, p.y, next_p.x, next_p.y);            
            pop();
        }
        pop();       
    }
}
function getCol(_h, _a){
    if (_h < height* 1.7  * noise(_h, _a)) {
        if (_a < 2) {
            var col = color(166, random(50, 100),random(50, 100),random(50, 100));            
        }else{
        var col = color(16, random(50, 100),random(50, 100),random(50, 100));
        }            
    }else{
        if (_a < 2) {
            var col = color(16, random(50, 100),random(50, 100),random(50, 100));   
        }else{
            var col = color(255, 80);
        }
    }
    return col;
}

ではでは、さようなら〜〜〜。

なにかあればTwitterまで。