🌐 Three.js Playground

An experimental Three.js project demonstrating 3D rendering, primitive shapes, textures, lighting, and camera control in the browser.

📸 Preview

✨ Features

• Interactive 3D scene rendered with Three.js
• Multiple primitive geometries (cube, sphere, cone, etc.)
• Texturing and materials for realistic surfaces
• Configurable camera and lighting
• Easily extendable for more complex scenes

🛠️ Tech Stack

• JavaScript / ES Modules
• Three.js
• HTML / CSS

🚀 Getting Started

1️⃣ Clone the repository

git clone https://github.com/Lut-Lat-Aung/threejs.git

2️⃣ Install dependencies

npm install

3️⃣ Run locally

npm run dev

📂 Project Structure

threejs/
 ├── public/        # Static assets (textures, models, etc.)
 ├── src/           # Main source code
 │   ├── main.js    # Entry point
 │   ├── scenes/    # Scene setup scripts
 │   └── styles/    # CSS styles
 ├── package.json
 └── README.md

🎮 Controls

Mouse Drag – Orbit the camera
Scroll – Zoom in/out
Right Click + Drag – Pan view

📄 License

This project is licensed under the MIT License.

🙌 Credits

Created by Lut Lat Aung as a Three.js learning project. Based on Three.js documentation and community examples.