The latest articles on DEV Community by Khaled Ali (@khaledsworld). https://dev.to/khaledsworld https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1774313%2F085dbf87-ccaf-41a8-8873-1428050bd2ef.jpg https://dev.to/khaledsworld en Khaled Ali Fri, 12 Jul 2024 23:25:22 +0000 https://dev.to/khaledsworld/react-three-fiber-uselookatsmooth-smooth-cameralookat-with-speed-1igl https://dev.to/khaledsworld/react-three-fiber-uselookatsmooth-smooth-cameralookat-with-speed-1igl <p><iframe src="https://codesandbox.io/embed/qdr4nv"> </iframe> </p> codesandbox Khaled Ali Fri, 12 Jul 2024 23:24:30 +0000 https://dev.to/khaledsworld/react-three-fiber-smooth-cameralookat-cbc https://dev.to/khaledsworld/react-three-fiber-smooth-cameralookat-cbc <p>After trying some solutions including 3rd party libs and more vanilla Three.js ways, I found a clean react-y way to have the camera smoothly look at a given position using React Three Fiber.</p> <p>Thought I'd share! The Codesandbox has comments describing what I did. Just rip out that hook and use in your code.</p> <p><iframe src="https://codesandbox.io/embed/qdr4nv"> </iframe> </p>