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" + /> +
+ {/* Кнопка */}