A VR panorama viewer built with A-Frame that lets you explore 36 different panoramic images in an immersive 360° environment.

• 🖼️ Browse through 36 panorama images
• ⬅️➡️ Previous/Next navigation buttons
• ⌨️ Keyboard controls (Arrow keys)
• 🎯 Immersive 360° viewing experience
• 🖱️ Drag to look around
• 🎵 Ready for ambient sound integration

1. Install dependencies:

npm install

Start the development server:

npm start

The app will automatically open in your browser at http://localhost:8081

Alternatively, you can use any static file server:

npx http-server -p 8081

• Next Button / Right Arrow: Move to the next panorama
• Previous Button / Left Arrow: Go back to the previous panorama
• Mouse Drag: Look around the 360° environment
• VR Mode: Click the VR goggles icon (bottom right) if you have a VR headset

chillInVR/
├── index.html         # Main HTML with A-Frame scene
├── app.js             # JavaScript for panorama switching
├── package.json       # Dependencies
├── static_assets/     # Panorama images (36 images)
└── img/              # Original images folder

• Add ambient sound/music
• Add hotspots for interactive elements
• Implement thumbnail gallery view
• Add smooth transition effects between panoramas
• Add VR controller support
• Info overlay for each panorama

• A-Frame 1.6.0 - Web framework for building VR experiences
• WebXR - For VR headset support
• JavaScript (ES6+) - Modern JavaScript features

Works in all modern browsers that support WebGL:

• Chrome/Edge (Desktop & Mobile)
• Firefox (Desktop & Mobile)
• Safari (Desktop & Mobile)
• VR Mode requires WebXR-compatible browser and VR headset