Skip to content

Latest commit

 

History

History
64 lines (40 loc) · 1.48 KB

README.md

File metadata and controls

64 lines (40 loc) · 1.48 KB
Raw

Three.js Office Scence (Vuejs)

English | 简体中文

This project showcases a 3D office scene built using Vue.js and Three.js. It features interactive elements such as a rotating chair, animated video screens, and theme switching with dynamic lighting and material effects.

Features

preview: https://threejs-office-scene.netlify.app/

画面収録 2024-08-18 22 01 12

  • 💡 Controllable Lamp:
    • click lamp to turn it on/off
  • ✨ 3D Environment:
    • Includes a dynamic background and a ground plane.
  • 🖥 Responsive Design:
    • Works seamlessly across different screen sizes.

Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm (v6 or higher)

Installation

  1. Clone the repository:

    git clone https://github.com/mooncat126/threejs-next-control-game.git
cd threejs-next-control-game/office-scene-vue-model

  2. Install dependencies:

    npm install

  3. Run the development server:

    npm run serve

  4. Open http://localhost:8080/ to view the project locally.

Deployment

This project is deployed on GitHub Pages. To deploy your own version:

  1. Update the homepage field in package.json with your repository details.

  2. Build and deploy:

    npm run deploy

License

This project is licensed under the MIT License.