Remove VIVERSE Integrations

Learn how to build with @react-three/viverse without the viverse integrations.

To remove the VIVERSE integrations replace the <Viverse> component with <BvhPhysicsWorld> and remove all VIVERSE-specific hooks from your components as these hooks will no longer work without the VIVERSE context.

import { Sky } from '@react-three/drei'
import { Canvas } from '@react-three/fiber'
import { BvhPhysicsWorld, SimpleCharacter, FixedBvhPhysicsBody, PrototypeBox } from '@react-three/viverse'

export default function App() {
return (
  <Canvas shadows style={{ position: "absolute", inset: "0", touchAction: "none" }}>
    <BvhPhysicsWorld>
      <Sky />
      <directionalLight intensity={1.2} position={[-10, 10, -10]} castShadow />
      <ambientLight intensity={1} />
      <SimpleCharacter />
      <FixedBvhPhysicsBody>
        <PrototypeBox scale={[10, 1, 15]} position={[0, -0.5, 0]} />
      </FixedBvhPhysicsBody>
    </BvhPhysicsWorld>
  </Canvas>
)
}

Open Sandbox

Edit this page