OrbitControls in react three fiber

Shirshak Kandel answered on September 29, 2022 Popularity 8/10 Helpfulness 6/10

answer OrbitControls in react three fiber

related orbitcontrols react-three-fiber

OrbitControls in react three fiber

Comment

import { OrbitControls, Stats } from '@react-three/drei';
return (
  <OrbitControls />
)

Popularity 8/10 Helpfulness 6/10 Language typescript

Source: Grepper

Tags: orbitcontrols react-three-fiber typescript

Link to this answer
Share Copy Link

Contributed on Sep 29 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Closely Related Answers

orbitcontrols react-three-fiber

Comment

import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
const CameraController = () => {
  const { camera, gl } = useThree();
  useEffect(() => {
    const controls = new OrbitControls(camera, gl.domElement);
    return () => {
      controls.dispose();
    };
  }, [camera, gl]);
  return null;
};

const Home: NextPage = () => {
  return (
    <div className="">
      <main className=" w-full h-[100vh]">
        <Canvas>
          <CameraController />
          <ambientLight intensity={0.1} />
          <directionalLight color="blue" position={[0, 0, 5]} />
          <AnimateBox />
        </Canvas>
      </main>
    </div>
  );
};

Popularity 8/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: typescript react-three-fiber orbitcontrols ty

Link to this answer
Share Copy Link

Contributed on Sep 29 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

OrbitControls in react three fiber

Contents

More Related Answers