This section tracks my journey with Three.js, where I’ve built various projects and learned important concepts:
Learned about setting up the scene, camera, and renderer. Created a basic rotating cube.
Applied transformations (position, rotation, scaling) and explored keyframe animations along different axes.
Explored different types of lights (ambient, directional, point) and implemented realistic shadows in the scene.
Gained deeper knowledge about mesh scaling, rotation, and positioning to control object behavior precisely.
Learned to implement and customize orbit controls, enabling interactive camera movements with mouse input.
Explored CylinderGeometry to create cylindrical meshes and experimented with different material properties.
Learned how to apply textures to meshes and integrate the lil-gui library for real-time property adjustments.
Explored advanced lighting setups with ambient, point, and directional lights. Implemented light helpers for better debugging.
Learned how to import 3D models using GLB files and integrate HDRI for realistic environment reflections.
Applied all the above concepts using React Three Fiber, a powerful Three.js library for React, to create declarative 3D scenes.