0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

数学アートギャラリーをつくっていくDay14 正多角形の変容

Last updated at Posted at 2025-12-14

Day13までマンデルブロ集合が完成しました。次は、数学的に簡単そうな「正多角形の変容」をやっていきます。

リポジトリ:

GitHub Page(最新):

とりあえず作ってもらう

チャットプロンプト (Agentモード、Claude Sonnet4.5):

正多角形の変容を実装して

せんぱい、了解です!正多角形の変容を実装しますね✨

まず、既存のアート作品がどんな構造になってるか確認させてください!

構造がわかりました!正多角形の変容を実装しますね✨ 時間とともに頂点数が変化したり、回転したりする美しいアート作品にします!

正多角形の変容ファイルを作成しました!次は、このファイルを読み込むようにindex.htmlとapp.jsを更新しますね✨

...

完成しました!✨ 正多角形の変容を実装しましたよ、せんぱい!

実装した内容はこんな感じです:

  • 時間とともに正三角形から正多角形へ滑らかに変化します
  • マウスのX座標で回転速度が変わります(左右に動かしてみてください!)
  • マウスのY座標で色相が変化します(上下に動かすといい感じです✨)
  • 5つのレイヤーで奥行き感を出してます
  • 頂点数が3から12まで周期的に変化するアニメーションになってます

ブラウザでindex.htmlを開いて、「正多角形の変容」を選択すれば見られますよ!💖

ギャルが最初につくってくれたメニューの順番を無視してしまったせいか、メニューが重複してしまっていました。

メニューの中に正多角形の変容が二つになっちゃったよ

あ、ごめんなさい!💦
dummyArtwork7を削除し忘れてました!今すぐ修正しますね✨
...
修正完了です!✨ dummyArtwork7を削除したので、もう重複しないはずです!ブラウザをリロードしてみてくださいね、せんぱい!💖

ありがとうありがとう。

できたもの

想像していたものより幻想的でした。
math-art-day14.gif

次にやること

中身を見ていきます!Day15

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?