Selecting and moving objects

Besides animations, an important aspect that we’ll quickly run into when working with Three.js in more complex scenes is the ability to select objects on the screen using the mouse.

Even though not directly related to animations, knowing how to select and move objects is a nice addition to this chapter, considering we’ll also be looking at cameras and animations. Here, we will show how to do the following:

Select an object from a scene using the mouse.
Drag an object around the scene with the ...

Introduction to the Course

Part 1: Getting Up and Running

Creating the First 3D Scene with Three.js

The Basic Components That Make Up a Three.js Application

Working with Light Sources in Three.js

Part 2: Working with the Three.js Core Components

Working with Three.js Materials

Learning to Work with Geometries

Exploring Advanced Geometries

Points and Sprites

Part 3: Particle Clouds, Loading, and Animating Models

Creating and Loading Advanced Meshes and Geometries

Animation and Moving the Camera

Loading and Working with Textures

Part 4: Post-Processing, Physics, and Sounds

Render Post-Processing

Adding Physics and Sounds to Our Scene

Working with Blender and Three.js

Three.js: Together with React, TypeScript, and WebXR

Conclusion

Appendix

Selecting Objects with Mouse

Selecting and moving objects