


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'%3e%3cpath%20d='M9%2015.75C12.7279%2015.75%2015.75%2012.7279%2015.75%209C15.75%205.27208%2012.7279%202.25%209%202.25C5.27208%202.25%202.25%205.27208%202.25%209C2.25%2012.7279%205.27208%2015.75%209%2015.75Z'%20stroke='%2324252E'%20stroke-opacity='0.6'%20stroke-width='1.5'%20stroke-miterlimit='10'/%3e%3cpath%20d='M9%205.0625V9H12.9375'%20stroke='%2324252E'%20stroke-opacity='0.6'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_680_22602'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
140h
Vue.js
TypeScript
CSS/CSS2/CSS3
Building
Web
Three JS
Project Crew
Frontend Development