Skip to content

Mehak261124/3d-ART-GALLERY

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 3D Art Gallery

Welcome to the 3D Art Gallery project! This is an interactive platform designed to bridge artists and art lovers in a unique 3D experience, displaying paintings and sketches within a dynamic digital gallery.

📖 Table of Contents

🖼️ About the Project

The 3D Art Gallery is built using React and React-Three-Fiber. It provides an immersive, interactive gallery to showcase personal artwork. Users can explore various pieces, experience smooth transitions, view details of each artwork, and engage with a visually rich 3D environment. The application serves as a digital space for art exhibitions, making art accessible and captivating online.

✨ Features

  • 3D Art Rendering: Display of artwork in a 3D environment with realistic effects.
  • Dynamic Lighting: Spotlights highlight individual pieces as users explore, creating a more lifelike gallery experience.
  • Interactive Mouse Movement: The gallery responds to user interactions, enhancing the viewing experience.
  • Smooth Navigation: Users can seamlessly scroll horizontally through the gallery.
  • Realistic Shadows and Effects: Advanced lighting techniques simulate a physical gallery space.
  • Post-Processing Effects: Filters and noise effects bring depth and an artistic touch to the scene.

💻 Technologies Used

This project is developed with the following tools and libraries:

  • React - Frontend framework for building user interfaces.
  • React-Three-Fiber - A React renderer for Three.js, enabling 3D scenes and effects.
  • React-Three-Drei - Pre-configured helpers for React-Three-Fiber to simplify setup.
  • Three.js - A powerful 3D graphics library used for rendering the art pieces.

✅ Requirements

To run this project, make sure you have the following installed:

  • Node.js - For managing packages and running the app locally.
  • Git - For cloning the repository.

🚀 Getting Started

Follow these instructions to set up the project locally:

  1. Clone the repository:

    git clone https://github.com/yourusername/3D-Art-Gallery
  2. Navigate to the project directory:

    cd 3D-Art-Gallery
  3. Install dependencies:

    npm install
  4. Run the application:

    npm start
  5. Access the app:
    Open your browser and go to http://localhost:3000.

📸 Screenshots

Add images here for visual representation of the gallery, interactive elements, and lighting effects.

3D Art Gallery Screenshot

🤝 Contributing

Contributions are welcome! To contribute, please fork the repository, make your changes, and submit a pull request. For major changes, open an issue to discuss potential improvements.

📄 License

This project is licensed under the MIT License. See LICENSE for more information.


Thank you for visiting the 3D Art Gallery repository! Enjoy exploring the digital art collection.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors