可変の焦点距離を持つ収束レンズと発散レンズを通る光の動きを示すモデルを作成してください。

プロジェクト概要
収束レンズと発散レンズを通る際の光の屈折を示すインタラクティブなシミュレーションを開発してください。ユーザーはレンズの曲率が光の経路に与える影響を理解する必要があります。

UI/UXデザインとフロー
- 収束レンズと発散レンズを並べたシンプルなインターフェイスをデザインしてください。
- ユーザーが各レンズの焦点距離を調整できるように、スライダーやドラッグ可能な要素を組み込んでください。

基本機能とロジック
- レンズを通過する光の軌跡をアニメーションで表示し、焦点距離の変更をリアルタイムで反映させてください。
- 収束と発散レンズの違いを視覚的に区別するために、屈折角を正確に示してください。

ベストプラクティス
- ユーザーが焦点距離を調整した際に、スムーズな操作と即時の視覚的フィードバックを保証してください。
- レンズの種類を明確にラベル表示し、収束と発散の特性について簡単なツールチップを提供してください。
- 教育的価値に重点を置いた、プロフェッショナルで一貫性のあるデザインを維持してください。

Create a model of light going through converging and diverging lenses 
Make variable focal distance 

Q: What specific properties of the lenses do you want to illustrate?
A: The bending of light rays at different angles

Q: How do you want the user to interact with the model?
A: Allow users to drag and change the focal distance