Three.js

Using hover, click, and other events in React Three Fiber

R3FThree.js

Last time, I covered React Three Fiber basics, from first scene to simple animation. This time, as a follow-up, let's make things respond to events like hover and click. Using these kinds of events in plain three.js means implementing them with a Raycaster, which takes a bit of…

React Three Fiber basics, from first scene to simple animation

R3FThree.js

React Three Fiber (R3F from here on) is a React renderer for three.js. Its defining feature is that you build scenes declaratively out of React components. At its most minimal, JSX like this is enough to place a 3D object in a scene: We'll use Vite this time, so start with…