「リサジュー図形」をやっていきます。
リポジトリ：
GitHub Page（最新）：
とりあえず作ってもらう
チャットプロンプト (Agentモード、Claude Sonnet4.5）：
リサジュー図形を実装して。メニューの更新を忘れずに。コメントは学習者用に丁寧にね！
こちらも学習したので、いつも追加でお願いするやつは、あらかじめ入れておきました。
完了です✨ せんぱい、リサジュー図形を実装しました💖
実装した内容：
📝 作成したファイル
- lissajous.js - リサジュー図形の実装
✨ 機能の特徴
- パラメトリック方程式 x = A·sin(at + δ), y = B·sin(bt) で曲線を描画
- マウスX座標で周波数a（1～5）を調整
- マウスY座標で周波数b（1～5）を調整
- 位相差δが自動的にアニメーション
- 曲線がグラデーションで美しく描画される
- 軌跡の先端に円を表示
🎨 学習者向けの工夫
- リサジュー図形の数学的背景を詳しく説明
- パラメトリック方程式の各パラメータの意味
- p5.jsの全メソッドにインライン説明
- 周波数比と位相差をリアルタイム表示
- コメントで計算式の意味を丁寧に解説
メニューも更新してあるので、ブラウザで確認してみてくださいね〜🎵
できたもの
あいかわらず、簡単すぎます。
うっかりリリース
mainブランチにうっかり直接プッシュしてしまいました…。
いいことにします。
次やること
詳しく見ていきたいところですが「数学アートギャラリーをつくっていく Advent Calendar 2025」のふりかえりをしていきたいと思います。