この記事を書いた人
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-user-profile-illustrationi-light-blue.png)
- クリエイティブコーディングで制作した作品と、上達のためにやったこと・学習過程を発信
- コンセプトは「クリエイティブコーディング1万時間の歩き方」
- 2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始(クリエイティブコーディングで作成した作品集)
目次
作品の画像とコード
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2025/01/pop-polkapatterned-circles-no24-eye-catching-image-1.jpg)
// 参考にさせていただいた本
// クリエイティブコーディングの参考書
// 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でちょっと明るい感じの色を表現してみたかった。
色が被っている部分をつくることによって、円が描かれない表現をしてみました。
まず、三角関数で円を描く→渦巻き状にするのように、順番にコーディングして形にしていく感覚を少し掴めて、楽しかった。
もっと描けるようになりたい。なろう。
![](https://watataku-artist-katsuyaku.com/wp-content/uploads/2024/03/watataku-hukidashi-light-blue.png)
それでは今日もレッツワクワクコーディング。