TroisJS

Github top language Github language count Repository size License Github stars

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

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.

✔️ 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;

The following tools were used in this project:

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

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

# 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

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.

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

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

Made with ❤️ by Matmon

Back to top