/threejs-control-game

🐺 An interactive 3D game built with Three.js and Next.js and Vue.js, featuring a controllable models and various 3D objects.

Primary LanguageSCSS

Three.js Control Game Examples

This repository is dedicated to storing various Three.js examples.
Each example demonstrates different features and functionalities of Three.js in interactive 3D environments.
For more details, please refer to the README files in each folder.

Three.js Wolf Control Game

English | 简体中文

An interactive 3D game built with Three.js and Next.js, featuring a controllable wolf model and various 3D objects.

Features

preview: https://threejs-wolf-control.netlify.app/

画面収録 2024-08-16 22 11 27 (3)

  • 🐺 Controllable Wolf:
    • Arrow Keys(↑↓←→) to move the wolf
    • Shift Key to run
    • Space bar to make it sit or stand
  • ✨ 3D Environment:
    • Includes a dynamic starry background, buildings, and a ground plane.
  • 🖥 Responsive Design:
    • Works seamlessly across different screen sizes.

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.