Three.js College Project

This is a college project created using Three.js, Blender, Chart.js, GSAP library, and dat.GUI. The project involves creating a 3D model of a college using Blender, baking textures, and importing the model into Three.js.

The pointer lock controls allow the user to experience a first-person view of the college and walk around the campus. In addition, Chart.js and raycasting are used to display interactive data above the buildings. The data includes the female-to-male ratio and student year distribution.

The GSAP library is used to add animation effects to the UI components, and dat.GUI provides controls for tweaking the settings of the application.

How to Run

Install dependencies (only the first time)

npm install

Run the local server at localhost:8080

npm run dev

Build for production in the dist/ directory

npm run build

Credits

This project was created by me as a college project. Special thanks to the following technologies used in the project:

• Three.js
• Blender
• Chart.js
• GSAP library
• dat.GUI

License

This project is licensed under the MIT License. See the LICENSE file for details.