Reset after animation operation

[hcxmj]

After I use OrbitControls to achieve animation, I want to reset and set the regress effect to redraw. There will be a white screen interval in the middle. I hope to directly adjust the camera to achieve
Is it possible to configure directly through the API?

[drcmda]

i think this has too little information. white interval? what's onChange?

[hcxmj]

Just like the rendering interruption shown in the screen recording, the effect is similar to refreshing the page
https://static-d.iqiyi.com/lequ/20221207/74a5299c056e460f80919973de8f6eb9.mov
Video resources need to be copied to the browser to open

[drcmda]

the video doesnt load, i get a 404

[hcxmj]

ok, let me debug again,thank you @drcmda

[hcxmj]

Hi, @drcmda excuse me again;If I want to add a button to reset the camera position according to the above code, what should I do? I tried some methods and found that it didn’t work.

[hcxmj]

the video doesnt load, i get a 404
Here is my code

`import React, { Suspense, useRef, useState } from 'react'
import { Canvas, useFrame, useThree } from '@react-three/fiber'
import { OrbitControls, Stage } from '@react-three/drei'

export default function Viewer({ contactShadow, autoRotate, environment, preset, intensity, scene,} : any) {
const ref:any = useRef();

return (
<>
<Canvas style={{ width: '100%', height: '100%' }} gl={{ preserveDrawingBuffer: true }}>


<Stage
// @ts-ignore
controls={ref}
preset={preset}
intensity={intensity}
contactShadow={contactShadow}
adjustCamera
environment={environment}
>



<OrbitControls
// @ts-ignore
ref={ref}
autoRotate={autoRotate}
/>

</>
)
}`