-
I want to achieve the camera movement as shown in the video below, is this possible? how does the camera "blinks"? Screen.Recording.23-07-2021.21-00-20.mp4 |
Beta Was this translation helpful? Give feedback.
Answered by
drcmda
Jul 23, 2021
Replies: 1 comment 1 reply
-
i dont see any movement, there is a fadeout, the camera snaps into place, then a fade-in. you could slap a plane in front of the camera and animate opacity https://codesandbox.io/s/color-grading-forked-e3hcw?file=/src/App.js:869-1238 when it reaches 0 you can put the camera somewhere else function Cover() {
const { width, height } = useThree((state) => state.viewport)
return (
<PerspectiveCamera position={[0, 0, 5]} fov={45} makeDefault>
<mesh scale={[width * 2, height * 2, 1]} position={[0, 0, -1]}>
<planeGeometry />
<meshBasicMaterial color="black" transparent opacity={0.5} />
</mesh>
</PerspectiveCamera>
)
} |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
bhushan6
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
i dont see any movement, there is a fadeout, the camera snaps into place, then a fade-in.
you could slap a plane in front of the camera and animate opacity https://codesandbox.io/s/color-grading-forked-e3hcw?file=/src/App.js:869-1238 when it reaches 0 you can put the camera somewhere else