ThreeJS 3D Scene with GUI

This project is an interactive 3D scene built with Three.js, featuring a graphical user interface (GUI) that allows real-time control over various scene parameters. For a live experience, visit my online demo.

Features

🎛️ GUI Controls

The interface allows adjusting the following settings:

🔹 General Controls

• Scale X, Y, Z: Adjusts the scale of the main object.
• Wireframe: Toggles wireframe display.
• Shadow: Toggles shadows.
• Run: Activates a specific animation.

🔊 Sound Control

• Active Sound: Enables/disables sound.
• Volume: Adjusts the sound level.

🏞️ Floor Control

• Change Texture: Allows changing the floor texture.

💡 Light Control

• Light Helper: Enables/disables light source helpers.

📦 Installation

1. Clone the repository:

   git clone https://github.com/ameliapham/threejs-js-basic-project-3-runningFox.git

2. Navigate to the project folder:

   cd threejs-js-basic-project-3-runningFox

3. Install dependencies:

   npm install

4. Start the project in development mode:

   npm run dev

🚀 Technologies Used

• Three.js - 3D library for the web.
• dat.GUI - GUI for parameter tuning.
• Vite - Fast development tool.

📜 License

This project is licensed under the MIT License.

---

Feel free to customize this ReadMe to match your specific project details (add screenshots, additional instructions, etc.)! 😊