【p5.js】genuary2025.14 Pure black and white. No gray.【作品No.17】

【p5.js】genuary2025.14 Pure black and white. No gray.【作品No.17】
  • URLをコピーしました!
この記事を書いた人
ワタタク
  • クリエイティブコーディング関連情報と、上達過程の記録を発信中
  • コンセプトは「クリエイティブコーディング1万時間の歩き方」
  • 2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始(クリエイティブコーディングで作成した作品集

目次

作品の画像とコード

【p5.js】genuary2025.14 Pure black and white. No gray.【作品No.17】
function setup() {
  createCanvas(500, 500);
  noLoop(); 
}

function draw() {
  background(255);
  stroke(0);
  strokeWeight(2);
  
  // ランダムな直線を描画
  for (let i = 0; i < 50; i++) {
    let x1 = random(width);
    let y1 = random(height);
    let x2 = random(width);
    let y2 = random(height);
    line(x1, y1, x2, y2);
  }
  
  // ランダムな円を描画
  for (let i = 0; i < 50; i++) {
    let x = random(width);
    let y = random(height);
    let d = random(10, 100);
    fill(random([0, 255]));
    ellipse(x, y, d, d);
  }
}

作った感想

結構、気に入ってる作品です。

ランダムの線と円を組み合わせるだけで、面白い作品ができた。

ワタタク

それでは今日もレッツワクワクコーディング。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次