TroisJS

 

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

Website made using 3D graphics. The project is written in Three.js and Vue. Has two scenes, musical accompaniment, film effect. The project is educational and is a replica of the Lusion Labs website https://exp-gemini.lusion.co/motion.

✨ Features

✔️ Adding music, music effect when you hold down the mouse button for a long time;
✔️ Cinema effect when pressed for a long time;
✔️ Interaction with a 3D scene, rotation;
✔️ Ability to change the color of the car and scene;
✔️ Loading window when loading the site for the first time;
✔️ Using Animation;
✔️ Animation when moving the cursor;
✔️ Generating an infinite floor and using simplex noise;

🚀 Technologies

The following tools were used in this project:

• Vue
• Three.js
• TroisJS
• Anime.js
• Pinia
• Tween.js
• Simplex-noise
• Vite

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/matmon12/troisjs

# Access
$ cd troisjs

# Install dependencies
$ npm install

# Run the project
$ npm run dev

# Compiles and minifies for production
$ npm run build

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Matmon

 

Back to top