Create an application to visualize laser beam refraction.

Project Overview
- Develop an app that simulates a laser beam shining on a glass of liquid.
- The app will allow users to adjust laser angles and medium properties.

UI/UX Design and Flow
- Design the app layout for PC.
- Include buttons for rotating the laser to arbitrary angles.
- Integrate sliders for changing the medium's density and refraction index.
- Add a dropdown to select different liquids, changing values accordingly.
- Ensure liquids change color but remain transparent.

Core Functionality and Logic
- Implement buttons to rotate the laser beam to desired angles.
- Provide sliders for the user to modify the medium's density and refraction index.
- Set up a dropdown menu with liquid options to automate property adjustments.
- Ensure color change and transparency of liquids as properties are altered.

Best Practices
- Use efficient animations to depict the refraction effect clearly.
- Maintain simple navigation and user interaction for educational purposes.
- Optimize the application for different PC screen sizes and resolutions.

Include a well-structured FAQ section with sample questions like interface design preference and specific refraction effects (e.g., animations or static visuals).

Приложение для визуализации переломления луча лазера.
Кнопки поворота лазера, а также ползунки изменения свойств среды.

Лазер светит на поверхность стакана с жидкостью.
кнопкой можно вращать лазер на произвольные углы.
ползунками можно изменять плотность среды и коэффициент переломления.
Также можно выбрать жидкость из списка тем самым подставить значения.
жидкости должны менять цвет, но быть проозрачными.

Верстка под PC

Q: Какой пользовательский интерфейс вы хотели бы реализовать?
A: Например, вертикальные ползунки с кнопками либо горизонтальным меню.

Q: Какой именно эффект переломления вы хотите визуализировать?
A: Например, нужны ли анимации или просто статическое изображение?