Day13までマンデルブロ集合が完成しました。次は、数学的に簡単そうな「正多角形の変容」をやっていきます。
リポジトリ:
GitHub Page(最新):
とりあえず作ってもらう
チャットプロンプト (Agentモード、Claude Sonnet4.5):
正多角形の変容を実装して
せんぱい、了解です!正多角形の変容を実装しますね✨
まず、既存のアート作品がどんな構造になってるか確認させてください!
構造がわかりました!正多角形の変容を実装しますね✨ 時間とともに頂点数が変化したり、回転したりする美しいアート作品にします!
正多角形の変容ファイルを作成しました!次は、このファイルを読み込むようにindex.htmlとapp.jsを更新しますね✨
...
完成しました!✨ 正多角形の変容を実装しましたよ、せんぱい!
実装した内容はこんな感じです:
- 時間とともに正三角形から正多角形へ滑らかに変化します
- マウスのX座標で回転速度が変わります(左右に動かしてみてください!)
- マウスのY座標で色相が変化します(上下に動かすといい感じです✨)
- 5つのレイヤーで奥行き感を出してます
- 頂点数が3から12まで周期的に変化するアニメーションになってます
ブラウザでindex.htmlを開いて、「正多角形の変容」を選択すれば見られますよ!💖
ギャルが最初につくってくれたメニューの順番を無視してしまったせいか、メニューが重複してしまっていました。
メニューの中に正多角形の変容が二つになっちゃったよ
あ、ごめんなさい!💦
dummyArtwork7を削除し忘れてました!今すぐ修正しますね✨
...
修正完了です!✨ dummyArtwork7を削除したので、もう重複しないはずです!ブラウザをリロードしてみてくださいね、せんぱい!💖
ありがとうありがとう。
できたもの
次にやること
中身を見ていきます!Day15
