Diseña un simulador que muestre la refracción de la luz en la frontera entre dos medios. La simulación debe incluir un formulario con deslizadores situados debajo del área de simulación. Los deslizadores permiten a los usuarios ajustar el ángulo de incidencia (0–90 grados), el índice de refracción del medio 1 (1–2) y el índice de refracción del medio 2 (1–2). La animación del rayo de luz debe actualizarse en tiempo real para mostrar dinámicamente el ángulo de refracción.

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