Giter Site home page Giter Site logo

therajsekharsaha / 3d_view_museum Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 130.91 MB

๐Ÿ›๏ธ Indian Museum 3D Viewer ๐Ÿ–ผ๏ธ๐Ÿ‡ฎ๐Ÿ‡ณ Immerse in Indian heritage with this 3D museum! Click paintings for popups, revealing photos, videos, and detailed descriptions. Zoom into images for a closer look. Built with HTML, CSS, JS, and Three.js. Contributions welcome! ๐ŸŽจ๐ŸŒ๐Ÿ’ป Explore now !

Home Page: https://therajsekharsaha.github.io/3d_View_Museum/

CSS 1.82% HTML 5.20% JavaScript 92.98%
3d-models bootstrap5 html-css-javascript indian-culture information museum

3d_view_museum's Introduction

๐Ÿ›๏ธ Indian Museum 3D Viewer ๐ŸŒ๐Ÿ–ผ๏ธ

Welcome to the Indian Museum 3D Viewer, a captivating web experience that brings the beauty of Indian heritage to life! ๐Ÿ‡ฎ๐Ÿ‡ณโœจ

๐Ÿ–Œ๏ธ Wall of Art: Immerse yourself in a 3D-rendered museum environment, where the walls are adorned with stunning Indian paintings. Click on any painting to reveal the rich history and culture it represents.

๐Ÿ–ผ๏ธ Interactive Popups: Clicking on a painting triggers an interactive popup, unveiling a treasure trove of information. Explore detailed photos and informative YouTube videos showcasing the heritage of the country depicted in the chosen artwork.

๐Ÿ” Image Zoom: Delve deeper into the story by clicking on images within the popups. A second popup will elegantly display high-resolution images, allowing you to marvel at the intricate details of the selected heritage.

๐Ÿ“œ Descriptive Insights: Each popup includes descriptive content, providing users with a comprehensive understanding of the historical significance and cultural context behind the showcased heritage.

๐Ÿ› ๏ธ Technologies Used:

  • HTML, CSS, and JavaScript for the web structure and styling.
  • Three.js for the immersive 3D environment.
  • Popups and interactive elements crafted with JavaScript for a seamless user experience.

๐Ÿš€ How to Explore:

  1. Open the web application.
  2. Navigate through the 3D museum environment using mouse or touch controls.
  3. Click on a painting to trigger an interactive popup.
  4. Explore heritage through images, videos, and detailed descriptions.
  5. Dive deeper by clicking on images within the popup for an enlarged view.

๐Ÿ™Œ Contributions: Contributions are welcome! Feel free to enhance the museum experience, add more artworks, or improve existing features. Let's collaborate to make this project an even more immersive journey into the heart of Indian culture.

๐Ÿ“Œ Credits: Special thanks to the open-source community, Three.js contributors, and all those who inspired and supported the creation of this project.

Ready to embark on a virtual journey through the beauty and history of India? Let the Indian Museum 3D Viewer be your guide! ๐ŸŽจ๐ŸŒ๐Ÿ’ป

3d_view_museum's People

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.