Galleria

A web application for art exhibitions where users can traverse a virtual gallery space and view 3D art objects.

Visit https://galleria3d.herokuapp.com.

Features

• Uses Three.JS to render photos of artworks onto 3D canvases
• Character controls allow users to move around virtual space using arrow keys
• Users can click on art objects to learn more about individual pieces and artists
• Third-person camera follows your avatar through the world
• Collision detection between user's avatar and art objects
• Immersive audio experience
• Single page application using React and React Router

Download

cd <your_directory>

git clone https://github.com/2111-biscuits/mvp.git

npm install

npm start

Team

• Cara Dodge
  • LinkedIn: https://www.linkedin.com/in/cara-dodge
  • Github: https://github.com/shxpxshxftxr
• Nicole DeSantis
  • LinkedIn: https://www.linkedin.com/in/nicole-desantis/
  • Github: https://github.com/NicoDesa13
• Yooboo Park
  • LinkedIn: https://www.linkedin.com/in/yooboopark/
  • Github: https://github.com/arihu1008
• Lucy Blagg
  • LinkedIn: https://www.linkedin.com/in/lucy-blagg/
  • Github: https://github.com/lublagg

Tech Stack

• Three.JS
  • Used to create and render 3D gallery experience
• React + React Router
  • Streamlined app into a single page application, improving runtime
• Blender.JS
  • Used to build 3D models and objects for player avatars
• Express
  • Serving up static files and routes
• Node.js
  • Dev environment

Next Steps

• Allow users to see and interact with other users with Socket.io and PeerJS