From 3317cecbeac8dbcd03c54b636879389f88b5a86d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Sowa?= <pawel.sowa@codequest.com>
Date: Fri, 17 May 2024 16:36:31 +0200
Subject: [PATCH] feat: add debug to leva

---
 src/components/GyroscopeExperience.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/GyroscopeExperience.tsx b/src/components/GyroscopeExperience.tsx
index 150939e..06a96d4 100644
--- a/src/components/GyroscopeExperience.tsx
+++ b/src/components/GyroscopeExperience.tsx
@@ -17,9 +17,10 @@ const radians = (deg: number) => (deg * Math.PI) / 180;
 
 export const GyroscopeExperience = () => {
   const [gravity, setGravity] = useState(defaultGravity);
-  const { gravityMultiplier, cubesCount } = useControls({
+  const { gravityMultiplier, cubesCount, debug } = useControls({
     gravityMultiplier: 9,
     cubesCount: 50,
+    debug: false,
   });
 
   const cubesRef =
@@ -108,7 +109,7 @@ export const GyroscopeExperience = () => {
   return (
     <>
       <Text fontSize={0.3} color="darkblue">
-        {gravity.toString()}
+        {debug && gravity.toString()}
       </Text>
       <OrbitControls
         makeDefault
@@ -122,7 +123,7 @@ export const GyroscopeExperience = () => {
         shadow-mapSize={2048}
       />
       <ambientLight intensity={0.5} />
-      <Physics debug gravity={gravity}>
+      <Physics debug={debug} gravity={gravity}>
         <RigidBody
           type="fixed"
           restitution={0}