🚀 My Learning Progress

🎨 Three.js Progress

This section tracks my journey with Three.js, where I’ve built various projects and learned important concepts:

---

🟦 Basic Cube Setup

Learned about setting up the scene, camera, and renderer. Created a basic rotating cube.

---

🔄 Transformations and Animations

Applied transformations (position, rotation, scaling) and explored keyframe animations along different axes.

---

💡 Lighting and Shadows

Explored different types of lights (ambient, directional, point) and implemented realistic shadows in the scene.

---

📏 Deep Understanding

Gained deeper knowledge about mesh scaling, rotation, and positioning to control object behavior precisely.

---

🌍 Orbit Controls

Learned to implement and customize orbit controls, enabling interactive camera movements with mouse input.

---

🛞 Cylinder MeshGeometry

Explored CylinderGeometry to create cylindrical meshes and experimented with different material properties.

---

🎨 Textures and Materials

Learned how to apply textures to meshes and integrate the lil-gui library for real-time property adjustments.

---

💡 Advanced Lighting and Helpers

Explored advanced lighting setups with ambient, point, and directional lights. Implemented light helpers for better debugging.

---

📦 Adding 3D Models

Learned how to import 3D models using GLB files and integrate HDRI for realistic environment reflections.

---

⚛️ React Three Fiber (R3F)

Applied all the above concepts using React Three Fiber, a powerful Three.js library for React, to create declarative 3D scenes.