cynthiachiu / 3D-Art-Gallery

An interactive, 3D art gallery featuring paintings and sketchings that I have done over the past while. This is a React-based application that leverages React-Three-Fiber to render my art in 3D with moving spotlights, smooth horizontal scrolling, interactive mouse movement, realistic lighting with shadows, and postprocessing to add effects to the scene including noise and filters.

 

Demo

Art Gallery

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

An interactive, 3D art gallery featuring paintings and sketchings that I have done over the past while. This is a React-based application that leverages React-Three-Fiber to render my art in 3D with moving spotlights, smooth horizontal scrolling, interactive mouse movement, realistic lighting with shadows, and postprocessing to add effects to the scene including noise and filters.

See and play with my deployed demo at: https://cynthia-3d-art-gallery.netlify.app/

demo.mp4

✨ Features

✔️ React-based application using 3D web technology;
✔️ 3D Rendering of my paintings and sketches;
✔️ Interactive mouse movement;
✔️ Moving spotlights that highlight the current piece of art and cast realistic shadows;
✔️ Postprocessing scene effects;

🚀 Technologies

The following tools were used in this project:

• React-Three-Fiber
• React-Three-Drei
• Node.js
• React

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/cynthiachiu/3D-Art-Gallery

# Access
$ cd 3D-Art-Gallery

# Install dependencies
$ npm i

# Run the project
$ npm start

# The server will initialize in the <http://localhost:3000>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by cynthiachiu

 

Back to top