レーザービームの屈折を視覚化するアプリケーションを作成してください。

プロジェクト概要:
ガラス製の容器に入った液体に向けてレーザービームを発射し、屈折現象を実演するアプリケーションを設計してください。ユーザーはボタンとスライダーを使って、レーザーの角度や媒質の特性を調整できます。

UI/UXデザインとフロー:
- PC向けのグラフィカルなインターフェースを提供してください。
- 任意の角度にレーザーを回転させるボタンを含めてください。
- 媒質の密度と屈折率を調整するためのスライダーを提供してください。
- 7種類の異なる液体から、それぞれ独自の透明な色を持つものを選択するためのドロップダウンリストを実装してください。

コア機能とロジック:
- 回転ボタンを使用してレーザーの角度を変更できるようにしてください。
- スライダーを通じて媒質の特性（密度と屈折率）を変更できるようにしてください。
- リストから液体を選択すると、自動的にその色と特定の特性が適用されるようにしてください。
- レーザーの軌跡を視覚化するために、液体の色の透明性を保持してください。

ベストプラクティス:
- PCプラットフォームでアプリケーションが効率的に動作するようにしてください。
- 明確で応答性の高いコントロールを備えた直感的なインターフェースを設計してください。
- コントロール操作時にフィードバックを提供することで、ユーザー体験を最適化してください。

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

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

Верстка под PC

Q: Какой именно пользовательский интерфейс вы хотите для кнопок и ползунков?
A:  я описал выше какие контролы.

Q: Какой цвет должен быть у жидкостей, и сколько различных жидкостей вы хотите включить в список?
A: Хочу 7 жидкостей с разными цветами.