import {
  Environment,
  OrbitControls,
  PerspectiveCamera,
  Lightformer,
  Bvh,
} from "@react-three/drei";
import { Ground } from "./Ground";
import { PlayerController } from "./PlayerController";
import { Paris } from "./models/tracks/Tour_paris_promenade";
import {
  EffectComposer,
  N8AO,
  Bloom,
  TiltShift2,
  HueSaturation,
  SMAA,
  ChromaticAberration,
  Vignette,
} from "@react-three/postprocessing";
import { Banana } from "./models/items/Banana_peel_mario_kart";
import { ItemBox } from "./models/misc/Gift";
import { useStore } from "./store";
import { Shell } from "./models/items/Mario_shell_red";
import { Coin } from "./models/misc/Super_mario_bros_coin";

export const Experience = () => {
  const onCollide = (event) => {
    console.log(event);
  };
  const { bananas, shells} = useStore();

  return (
    <>
      <PlayerController />
      <Paris position={[0, 0, 0]} />
      <Banana onCollide={onCollide} position={[-10, 1.8, -119]} />
      {/* <Shell position={[-20, 2, -119]} /> */}
      <ItemBox position={[-20, 2.5, -119]} />
      <Coin position={[-30, 2, -119]} />

      <Ground position={[0, 0, 0]} />
      <Environment resolution={256} preset="lobby" />



      {bananas.map((banana) => (
        <Banana
          key={banana.id}
          position={banana.position}
          banana={banana}
          id={banana.id}
          // rotation={banana.rotation}
        />
      ))}

      {shells.map((shell) => (
        <Shell
          key={shell.id}
          position={shell.position}
          rotation={shell.rotation}
        />
      ))}

      <directionalLight
        position={[10, 50, -30]}
        intensity={1}
        shadow-bias={-0.0001}
        shadow-mapSize={[4096, 4096]}
        shadow-camera-left={-300}
        shadow-camera-right={300}
        shadow-camera-top={300}
        shadow-camera-bottom={-300}
        castShadow
      />

      <EffectComposer
        multisampling={0}
        disableNormalPass
        disableSSAO
        disableDepthPass
      >
        <SMAA />
        <N8AO distanceFalloff={1} aoRadius={1} intensity={3} />
        <Bloom
          luminanceThreshold={0}
          mipmapBlur
          luminanceSmoothing={0.01}
          intensity={0.5}
        />

        <TiltShift2 />
        <ChromaticAberration offset={[0.0006, 0.0006]} />
        <HueSaturation saturation={0.1} />
        <Vignette eskil={false} offset={0.1} darkness={0.4} />
      </EffectComposer>
    </>
  );
};