Design a simulator showing light refracting at the boundary between two media. The simulation should include a form with sliders positioned below the simulation area. The sliders allow users to adjust the angle of incidence (0–90 degrees), the refractive index of medium 1 (1–2), and the refractive index of medium 2 (1–2). The light ray animation should update in real time to dynamically display the angle of refraction.

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