madison-freeman / HAC-Art-Gallery

An interactive, 3D Art Gallery showcasing Stetson University's current selection of paintings and sketchings by Oscar Bluemner

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stetson University

Hand Art Center

Oscar Bluemner Exhibit

Github top language Github language count Repository size GitHub

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


About

This is an interactive, 3D Art Gallery showcasing Stetson University's current selection of paintings and sketchings by Oscar Bluemner. The application based in React and leverages React-Three-Fiber to render Bluemner's 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://madisonfreeman.netlify.app/

Features

✔️ React-based application using 3D web technology;
✔️ 3D Rendering of Bluemner 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:

Requirements

Before starting, you must install Git and Node.

Starting

# Clone this project
$ git clone https://github.com/madison-freeman/HAC-Art-Gallery

# Access
$ cd HAC-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 BSD. For more details, see the LICENSE file.

Made by madison-freeman

 

Back to top

About

An interactive, 3D Art Gallery showcasing Stetson University's current selection of paintings and sketchings by Oscar Bluemner

License:BSD 2-Clause "Simplified" License


Languages

Language:JavaScript 71.1%Language:HTML 18.3%Language:CSS 10.6%