🧾 Theory Session – 1 Hour

1. Getting Started with Three.js

   An overview of what Three.js is and why it’s a powerful tool for adding 3D content to websites.

2. How 3D Works on the Web

   Learn the basic building blocks:

   • Scene
   • Camera
   • Renderer
   • Mesh
   • Geometry
   • Material
   • Lighting
   • User Controls

3. Mini Hands-On session (Hello Cube!)

4. Creating a Basic 3D Model with primitive components

   • Use the primitive shapes from Three.Js
   • Apply basic textures to your model
   • Understand how this can be embedded into a web page

5. Blending 3D models with Your Website Content

   • Ideas for integrating 3D models into real projects:

     e.g., your avatar, your favorite animal, or a fun object

   • Brief look at importing models from SketchFab

   • Simple animation concepts

6. Using AI (LLMs) to Assist in Building 3D Websites

   Explore how Large Language Models can help you write code, integrate models, or speed up development.

🛠️ Hands-On Session – 2 Hours

1. Let’s Build Together: A 3D Web Project
   • Guided step-by-step coding session
   • Design, texture, and animate a 3D scene
   • Integrate the 3D scene with a basic website layout
2. Wrap-Up and Discussion
   • Recap key concepts
   • Share your results
   • Q&A and next steps