立涌文様を描く【p5.jsで和柄】

立涌文様をp5.jsを使って描きます。

立涌文様

立涌（たてわく）文様は一定の間隔の曲線のふくらみとへこみが交互に連続する文様です。 雲などがむくむくと「たちわく」さまに見立てて名づけられた文様です。

作例

ソースコード

const w=720;
const N=12;
const d=w/N;
const setcol=[];
setcol[0] = ["#ffd500", "#00296b"];
setcol[1] = ["#6496dc", "#c0ddfb"];

function setup() {
   createCanvas(w, w);
   strokeWeight(d/12)

   col = random(setcol);
   noLoop();
}

function draw() {
   background(col[0]);
   stroke(col[1]);

   for(let i=0;i<N;i++){
      for(let j=0;j<N;j++){
         const pos = [d*(i+0.5), 3*d*j];
         const dr = (i%2==1) ? PI : 0 ;
         push();
         translate(...pos);
         for(let k=0;k<300;k++){
            point(d/4*sin(TWO_PI/300*k+dr), 3*d/300*k);
         }
         pop();
      }
   }
}

曲線には三角関数を用いました。 point()を使って、曲線を描画しています。