Skip to content

Latest commit

 

History

History
60 lines (42 loc) · 2.38 KB

README.md

File metadata and controls

60 lines (42 loc) · 2.38 KB

CASA: Clear Away, See All 🌏

A Virtual XR Exhibition

React Version Three.js Version GLTFLoader Version

🎨 Overview

Welcome to CASA: Clear Away, See All, an immersive XR exhibition unveiling the enigmatic "Lemon Planet." 🍋 From afar, this object is nothing but a dazzling spectacle. Approach, and its intricate facets unfold, never appearing the same from various vantage points. Dare to unravel the layers of perception, only to discover a dynamic exhibition that transcends space and time, offering unconventional perspectives on our environment.

🌟 Features

  • 🪐 Lemon Planet: The core of the exhibition, a virtual space object filled with mysteries.
  • 🎭 Interactive 3D Models: Engage with 3D models, including the mesmerizing "Lemon Planet."
  • ✈️ Dynamic Planes: Experience planes revealing hidden facets and images.
  • 🌐 Sphere Background: Immerse within a spherical environment.
  • 📸 Instagram Filters: Navigate to the dynamic planet through Instagram filters.
  • 🔊 Sound Effects: Auditory dimensions adding to your exploratory experience.
  • 💻 Responsive Design: Crafted with Three.js and React for a seamless, responsive experience.

🚀 Installation & Setup

  1. Clone the Repository:

    git clone https://github.com/PlaceEYE/CASAbjet.git
  2. Navigate to the Project Directory:

    cd CASAbjet/casabjet
  3. Install Dependencies:

    npm install
  4. Start the Development Server:

    npm start

🕹️ Usage

Embark on a voyage through the exhibition by interacting with 3D objects and planes. Click to reveal further content, and explore the "Lemon Planet" through Instagram filters.

🧩 Dependencies

  • React
  • Three.js
  • GLTFLoader

💌 Support

For inquiries or assistance, please contact seungjaelim@kaist.ac.kr or open an issue on the GitHub repository.

📜 License

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