【作品No.24】POPな水玉模様の円【p5.js 2025年1月22日】

【作品No.24】POPな水玉模様の円【p5.js 2025年1月22日】
  • URLをコピーしました!
この記事を書いた人
ワタタク
  • クリエイティブコーディングで制作した作品と、上達のためにやったこと・学習過程を発信
  • コンセプトは「クリエイティブコーディング1万時間の歩き方」
  • 2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始(クリエイティブコーディングで作成した作品集

目次

作品の画像とコード

// 参考にさせていただいた本
// クリエイティブコーディングの参考書
// 139ページ中の43ページ目

let colors = ["#9b5de5","#f15bb5","#fee440","#00bbf9","#00f5d4"];

function setup() {
  createCanvas(400, 400);
  angleMode(DEGREES);
  noLoop();
  noStroke();
}

function draw() {
  background("#f15bb5");
  
  let d = 7;
  let r = 0;
  
  for (let i = 0; i < 360 * 10; i += 7) {
    let x = r * cos(i) + width / 2;
    let y = r * sin(i) + height / 2;
    
    fill(random(colors));
    circle(x, y, d);
    
    r += 0.5;
    d += 0.03; 
  }
}

作った感想

POPでちょっと明るい感じの色を表現してみたかった。

色が被っている部分をつくることによって、円が描かれない表現をしてみました。

まず、三角関数で円を描く→渦巻き状にするのように、順番にコーディングして形にしていく感覚を少し掴めて、楽しかった。

もっと描けるようになりたい。なろう。

ワタタク

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

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