fix:(game) Fixed constant refresh rate behavior

src/components/Experience.jsx

@@ -5,15 +5,19 @@ import { PlayerController } from './PlayerController'
 import { Track } from './models/Spafrancorchamps-REALISTIC'
 import { Paris } from './models/Tour_paris_promenade'
 import { EffectComposer, N8AO, Bloom, DepthOfField, TiltShift2, HueSaturation, SMAA, ChromaticAberration, Vignette } from '@react-three/postprocessing'
+import { PlayerControllerAgain } from './PlayerControllerAgain'
 
 export const Experience = () => {
   return (
     <>
-      <PlayerController />
+      {/* <PlayerController /> */}
+      <PlayerControllerAgain />
       <Ground position={[0, 0, 0]} />
       <Environment
         resolution={256}
         preset='lobby'
+        background
+        ground
       />
 
       <directionalLight
@@ -30,7 +34,7 @@ export const Experience = () => {
 
       {/* <ambientLight intensity={0.2} /> */}
       {/* <spotLight position={[10, 20, 10]} angle={0.12} penumbra={1} intensity={1} castShadow shadow-mapSize={1024} /> */}
-      <Paris position={[0, 0, 0]} />
+      {/* <Paris position={[0, 0, 0]} /> */}
       <EffectComposer
         multisampling={0}
         disableNormalPass
@@ -48,12 +52,12 @@ export const Experience = () => {
         />
         {/* <DepthOfField
           target={[0, 0, 12]}
-          focalLength={10}
-          bokehScale={20}
+          focalLength={15}
+          bokehScale={60}
           resolutionScale={1}
         /> */}
         <TiltShift2/>
-        <ChromaticAberration offset={[0.001, 0.001]} />
+        <ChromaticAberration offset={[0.0006, 0.0006]} />
         <HueSaturation saturation={0.1} />
         <Vignette eskil={false} offset={0.1} darkness={0.4} />
       </EffectComposer>