公開されている Processing 作品を改造して制作した、パーティクルが自律的に色別の集団に分かれる（ように見える）作例です。プログラムのソースコードを、制作のポイントと合わせて紹介します。

3分で読める Processing/p5js クリエイティブコーディングの小ネタ「円弧に沿って綺麗に色が変化する図を描く」です。

使える p5js Processing の創作ネタ集。床に見る模様の表現と日本の染色型紙の図案を紹介。お題のサンプル集として、表現のアイデア集として使ってください。

p5.js の関数 sin() 関数やサンプルコードの解説です。

クリエイティブ・コーディングの創作インスピレーションを求めて「奇岩の世界」と「生命の大進化40億年史 古生代編」を読みました。その読書感想文です。

p5.Vector のメソッド使って、2つの点の間に働く力をベクトルで定義し、その力を受けて動くアニメーションの作例を p5.js で書きました。

p5.js の関数 createVector() の説明と作例コードです。サンプルコード付きです。

彫刻家 田島享央己さんのユニークな作品がたくさん掲載されている本「シドロモドロ工作所のはじめてのお彫刻教室」を読みました。ただ楽しいだけでなく、創作に役立つヒントを沢山与えてくれる本でした。

p5.js の関数 beginContour() の説明と作例コードです。サンプルコード付きです。

機械の創造性と芸術について考察したサイエンス・エッセイ「レンブラントの身震い」を読みました。創作に関心がある人にとって多くの示唆を与える本であり、創作活動や芸術鑑賞の視点を深めることができる本だと思います。

ジュリア集合を勘違いして全然違うもの作っていたので、ちゃんとしたジュリア集合のコードと合わせてご紹介。こんな風に間違ったコードでも何かが作れるのは、クリエイティブ・コーディングの醍醐味かも？

p5.js の変数 focused の説明と作例コードです。サンプルコード付きです。

日本人の感じる美に宿る数と形について書かれた「雪月花の数学」という本の感想文です。黄金比、白銀比それぞれのバックグラウンドを知り、クリエイティブ・コーディングで活かせる知識を得ました。

クリエイティブ・コーディングやジェネラティブアートの作例や制作のコツ、考え方などを書いていきます。

p5.js の関数 createGraphics() の説明と作例コードです。サンプルコード付きです。

p5.js の関数 colorMode() の説明と作例コードです。

ロバート・ドローネーの絵画にインスピレーションを得て作った、クリエイティブ・コーディングの作例です。作る過程とポイント、p5.js と Processing のサンプルコードを掲載しています。

p5.js の関数 background() の説明と作例コードです。背景色の変更の効果を活かしたアニメーションのサンプルコード付きです。

p5.js の関数 frameRate() と変数 frameCount の説明と作例コードです。両者を使用したループアニメーションのサンプルコード付きです。

p5.js の関数 alpha() の説明と作例コードです。p5.js もバージョンが上がって知らない関数が増えてきたので、一度おさらいして、記録を残しておこうと思います。