【作品No.25】noLoopを書かない【p5.js 2025年1月23日】

【作品No.25】noLoopを書かない【p5.js 2025年1月23日】
  • URLをコピーしました!

この記事を書いた人

ワタタク(Watataku)
  • クリエイティブコーダー / アーティスト
  • 「人の心に寄り添う、機能するアート」を探究しています
  • アートとテクノロジーが、社会や個人のウェルビーイングにどう貢献できるかに、関心があります

目次

作品の画像とコード(アニメーションあり)

【作品No.25】noLoopを書かない【p5.js 2025年1月23日】

アニメーション。

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

let colors = ["#edafb8","#f7e1d7","#dedbd2","#b0c4b1","#4a5759"];

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

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

作った感想

【作品No.24】POPな水玉模様の円【p5.js 2025年1月22日】の作品のコードからnoLoopを外してみた結果、面白いことになりました。

ランダムに設定している色の部分が繰り返し描写されることによって、色が目まぐるしく入れ替わり、点滅しているようにも見えます。

1行のコードの違いで大きく描写が変わるものですね。

コーディングって楽しい。

新しい発見を積み重ね、もっと表現力をつけていきます。

ワタタク

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

ワタタク(Watataku)
クリエイティブコーダー/アーティスト
AIと共に、「人の心に寄り添う、機能するアート」を探究しています。

ここは、その思索と創造の全記録を記す、思考の実験室(アトリエ)です。

僕の創作の源泉は、人生経験そのものです。
不当な出来事や、精神的な支配の中で、私の心は何度も粉々に砕け散りました。しかし、その一つ一つの破片をどのようにすれば鮮やかな絵の具にできるかを考え、ゆっくり心のパレットに色を整えていきました。その、長い、長い、自身との対話の果てに「人の役に立つアートを作りたい」という考え方にたどり着きました。

かつて、僕の武器は、アコースティックギター弾き語りと、カメラでした。
オリジナルソングの演奏でお客様投票1位となった「物語の力」。
世界20カ国の旅で培った、多様な「視点」。

今、僕は、それら全ての経験を、「コード」という、新しい言語で、世界に問いかけています。

このブログでは、作品の制作過程や、日々の発見、そして、僕自身の上達の軌跡を記録していきます。

僕の旅が、あなたの日常を、ほんの少しでも豊かにするための、光になることを願って。

クリエイティブコーディングロード運営者 ワタタク
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次