Moving Objects with Mouse

Explore how to interactively move 3D objects in Three.js scenes by using DragControls. Learn to enable drag start and end events to change object properties and manage camera controls. Discover the basics of TransformControls for modifying object shapes with an integrated UI, enhancing your 3D animations and interactions.

We'll cover the following...

Dragging objects
- Example: Dragging objects
The DragControls
The TransformControls
- Example: TransformControls

1.Introduction to the Course

2.Part 1: Getting Up and Running

3.Creating the First 3D Scene with Three.js

4.The Basic Components That Make Up a Three.js Application

5.Working with Light Sources in Three.js

6.Part 2: Working with the Three.js Core Components

7.Working with Three.js Materials

8.Learning to Work with Geometries

9.Exploring Advanced Geometries

10.Points and Sprites

11.Part 3: Particle Clouds, Loading, and Animating Models

12.Creating and Loading Advanced Meshes and Geometries

13.Animation and Moving the Camera

14.Loading and Working with Textures

15.Part 4: Post-Processing, Physics, and Sounds

16.Render Post-Processing

17.Adding Physics and Sounds to Our Scene

18.Working with Blender and Three.js

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

20.Conclusion

21.Appendix

Moving Objects with Mouse

Dragging objects

Example: Dragging objects