Function Car

src/three/Car.tsx:7–148

()

import { useCarStore } from "@/state/carStore";

const Car = () => {
  const carRef = useRef(null);
  const { camera } = useThree();
  const thirdMode = useCarStore((state) => state.thirdMode);
  const setThirdMode = useCarStore((state) => state.setThirdMode);
  const keys = useRef({ w: false, s: false, a: false, d: false });
  const velocity = useRef(0);

  const handleKeyDown = useCallback((e) => {
    switch (e.key.toLowerCase()) {
      case "w":
        keys.current.w = true;
        break;
      case "s":
        keys.current.s = true;
        break;
      case "a":
        keys.current.a = true;
        break;
      case "d":
        keys.current.d = true;
        break;
      case "escape":
        setThirdMode(false);
        if (document.exitPointerLock) {
          document.exitPointerLock();
        }
        break;
      default:
        break;
    }
  }, []);

  const handleKeyUp = useCallback((e) => {
    switch (e.key.toLowerCase()) {
      case "w":
        keys.current.w = false;
        break;
      case "s":
        keys.current.s = false;
        break;
      case "a":
        keys.current.a = false;
        break;
      case "d":
        keys.current.d = false;
        break;
      default:
        break;
    }
  }, []);

  useEffect(() => {
    window.addEventListener("keydown", handleKeyDown);
    window.addEventListener("keyup", handleKeyUp);
    return () => {
      window.removeEventListener("keydown", handleKeyDown);
      window.removeEventListener("keyup", handleKeyUp);