Entwerfe einen Simulator, der die Lichtbrechung an der Grenze zwischen zwei Medien zeigt. Die Simulation soll ein Formular mit Schiebereglern beinhalten, die unterhalb des Simulationsbereichs positioniert sind. Die Schieberegler ermöglichen es dem Benutzer, den Einfallswinkel (0–90 Grad), den Brechungsindex des Mediums 1 (1–2) und den Brechungsindex des Mediums 2 (1–2) einzustellen. Die Lichtstrahl-Animation sollte in Echtzeit aktualisiert werden, um den Brechungswinkel dynamisch anzuzeigen.

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