3D Art Gallery (Demo)
Web product
1 / 3
3D Art Gallery is a web application that allows users to explore a virtual gallery. Navigate through the gallery, interact with a variety of paintings, and view their descriptions.
Key Features
Immersive 3D Environment
- Built with Three.js, the application presents a lifelike gallery space complete with textured walls, floors, and architectural details, providing users with a realistic and engaging exploration experience.
Interactive Navigation Controls
- Utilize intuitive controls such as WASD for movement and mouse interactions to navigate effortlessly through the gallery.
Detailed Artwork Information
- Click on any painting to view an information card that includes the full description.
Collision Detection
- Advanced collision detection prevents users from passing through walls or objects, maintaining the integrity of the virtual space and ensuring a realistic navigation experience.
Dynamic Lighting
- Toggle between day and night modes to change the gallery’s ambiance.
Technologies
140h
Vue.js
TypeScript
CSS/CSS2/CSS3
Building
Web
Three JS
Project Crew
Frontend Development