この記事を書いた人
上達の研究家 / アーティスト
「才能」ではなく「論理（システム）」で、人の心を動かす機能するアートを探究中
【文系・36歳・未経験】から独学でクリエイティブコーディングに挑戦し、独自の思考法で以下の実績を達成
- 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選（勝率50%）
- 開始1年9ヶ月目に、虎ノ門ヒルズ ステーションタワー49階 スカイガーデン＆プールのために制作した作品が展示される
目次
色を変える表現関係のコード
- マウスのX座標に基づいて、要素の色を動的に色を変更する
画像処理のコード
- 四隅の画像のピクセルの色を読み込む
- 四隅の画像の色と対角の中間色を表示する
3D表現関係のコード
- キャンバス上の要素をマウスの垂直位置（Y座標）に基づいて回転させる
rotateX/map(mouseY, 0, height, -PI, PI));
- キャンバス上の要素をマウスの垂直位置（X座標）に基づいて回転させる
rotateY/map(mouseX, 0, height, -PI, PI));
