Quiero destruir todos los modelos en Canvas después de un clic y cambiar a otro Canvas. Así que quiero eliminar todos los elementos de la memoria, ya que iré cambiando. ¿Cómo puedo hacer eso?
return ( <div className="entry-page"> <Canvas camera={{ fov: 30 }} dpr={[1, 2]}> <spotLight intensity={1.2} position={[3, 15, 5]} /> <CameraAnimation monitorClick={monitorClick} /> <Stats /> <Mac monitorClick={monitorClick} setMonitorClick={setMonitorClick} /> <Keyboard rotation={[0, 0.2, 0]} /> <Coffee /> <Touchpad /> {/* <OrbitControls /> */} <Physics> <DeskPlane /> <CollisionPlane /> <Desk /> <ReactLogo /> <SassLogo /> <ThreeJsLogo /> </Physics> </Canvas> </div> );
Elimine el lienzo antiguo del html y reemplácelo con un lienzo nuevo
var oldcanv = document.getElementById('canvas'); document.removeChild(oldcanv) var canv = document.createElement('canvas'); canv.id = 'canvas'; document.body.appendChild(canv);