GithubHelp home page GithubHelp logo

abhishek-2502 / virtual_zoo_website Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 112.64 MB

The Virtual Zoo Website showcases 3D models and hologram videos of extinct and existing animals, providing an engaging and informative learning experience for students and enthusiasts.

Home Page: https://abhishek-2502.github.io/Virtual_Zoo_Website/

HTML 90.60% JavaScript 4.51% CSS 4.88%

virtual_zoo_website's Introduction

Virtual Zoo Website

Welcome to the Virtual Zoo Website project! This repository contains code for a virtual zoo website that showcases 3D models of extinct and existing animals, along with hologram videos for an immersive learning experience.

Table of Contents

Features

  • Informative Content: Learn about both extinct and existing animals through interactive 3D models and detailed descriptions.
  • 3D Models: View 3D models of various animals, including Hemicyon, Ophiacodon, TRex, Mammoth, rhino, bear, tiger, elephant, and wolf.
  • Hologram Videos: Use hologram videos for an immersive and engaging experience.
  • User-Friendly Interface: Easy navigation and a visually appealing layout for a seamless user experience.

Sections

  • Extinct Animals: Learn about extinct animals such as Hemicyon, Ophiacodon, TRex, and Mammoth.
  • Existing Animals: Explore existing animals like rhino, bear, tiger, elephant, and wolf.

Technology Used

  • HTML: The website is built using HTML for structuring the content and layout.
  • CSS: Cascading Style Sheets (CSS) for designing and styling the website.
  • Blender: Used for creating 3D models of the animals.

Getting Started

  1. Clone this repository:

    git clone https://github.com/Abhishek-2502/Virtual_Zoo_Website.git
    cd virtual-zoo-website
  2. Open the HTML file in your preferred web browser:

    • For example, double-click the index.html file to launch the website.
  3. Explore the virtual zoo and enjoy the 3D models and hologram videos.

Usage

  • Explore Extinct Animals: Navigate to the "Extinct" section of the website to learn about Hemicyon, Ophiacodon, TRex, and Mammoth.
  • Discover Existing Animals: Navigate to the "Existing" section to learn about rhino, bear, tiger, elephant, and wolf.

Hologram Instructions

  1. Prepare a prism-like structure made of glass.
  2. Play the hologram videos provided on the website.
  3. Place the glass prism on your screen, following the video's instructions.
  4. Observe the hologram of the animal displayed through the glass prism.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

Author

Abhishek Rajput.

virtual_zoo_website's People

Contributors

abhishek-2502 avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

archit-01

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.