0
1
2
3
4
5
6
7
8
9
Contact Us
1 / 3
slider-arrow
slider-arrow
slide-image
3D Art Gallery (Demo)
1 / 3
slider-arrow
slider-arrow
slide-image

Project Details

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.
Web product
Technologies
Vue.js
TypeScript
CSS/CSS2/CSS3
Building
Web
Three JS
Details
Time iconTime Spent
140h

Project Crew

contribution-logo
Frontend Development
Concept development and implementation