diff --git a/src/App.tsx b/src/App.tsx
index ec037f0..a8d23c9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,12 +11,19 @@ export default function App() {
const [isWaving, setIsWaving] = useState(false);
const [tiltAngle, setTiltAngle] = useState(0);
const [particleScale, setParticleScale] = useState(1);
+ const [gravityScale, setGravityScale] = useState(1);
return (
{/* 1. Слой с водой (Канвас) — занимает весь экран на заднем плане */}
-
+
{/* 2. Слой интерфейса — только маленькая плашка внизу */}
@@ -79,6 +86,22 @@ export default function App() {
/>
+
+
+ Gravity
+ {gravityScale.toFixed(2)}x
+
+
setGravityScale(parseFloat(e.target.value))}
+ className="w-full h-1.5 bg-white/10 rounded-lg appearance-none cursor-pointer accent-white"
+ />
+
+
{/* Кнопка */}