2つの媒体の境界で光が屈折する様子を示すシミュレーターを設計してください。シミュレーションには、シミュレーションエリアの下に配置されたスライダー付きのフォームを含める必要があります。スライダーにより、入射角（0〜90度）、媒体1の屈折率（1〜2）、および媒体2の屈折率（1〜2）を調整できます。光線のアニメーションは、屈折角を動的に表示するためにリアルタイムで更新される必要があります。

Design a simulator showing light refracting at the boundary between two media. Add a form with sliders for angle of incidence (0–90 degrees), refractive index of medium 1 (1–2), and refractive index of medium 2 (1–2). Animate the light ray and display the angle of refraction dynamically.

Q: Where should the form with sliders be positioned relative to the simulation area (e.g., on the side or below)?
A: below

Q: Should the light ray animation update in real time as the slider values change, or only after adjusting the sliders?
A: real time