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 もバージョンが上がって知らない関数が増えてきたので、一度おさらいして、記録を残しておこうと思います。

水彩画家の永山裕子さんの著作「絵が上手いより大事なこと」の感想文です。今後のクリエイティブ・コーディング活動に活かしていける多くの示唆をいただきました。その上、作品集として楽しめるフルカラーの美しい本です。

L-system を使った描画はパラメータの組み合わせにより様々に変化します。ハートにビビッとくるパラメータを見つけるためのコード「L-system パラメータお試しキット」を p5.js で作成しました。

写真家ソール・ライターの未発表作を収めた写真集「まだ見ぬソール・ライター THE UNSEEN SAUL LEITER」を鑑賞しました。ジャケ買い的に選んだ本でしたが、これは大当たりでした。

現代アートの巨匠と呼ばれるゲルハルト・リヒターの「4900の色彩」を模写して作った作品を、p5.js/Processing のコードを添えて紹介します。

多色の自然なグラデーションをどう作るか？正規分布に従って変化する半透明な色を重ねるという方法を試しました。