https://github.com/zigaowang/internet-history-3d

Welcome to the History of the Internet Gallery, a virtual reality experience built with A-Frame.
https://github.com/zigaowang/internet-history-3d

3d 3d-website history internet internet-history

Last synced: about 2 months ago
JSON representation

Welcome to the History of the Internet Gallery, a virtual reality experience built with A-Frame.

• Host: GitHub
• URL: https://github.com/zigaowang/internet-history-3d
• Owner: ZigaoWang
• License: mit
• Created: 2024-07-29T05:12:22.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T11:55:58.000Z (2 months ago)
• Last Synced: 2024-11-02T12:27:50.300Z (2 months ago)
• Topics: 3d, 3d-website, history, internet, internet-history
• Language: HTML
• Homepage: https://internet-history.zigao.wang/
• Size: 2.24 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# History of the Internet Gallery

Welcome to the **History of the Internet Gallery**, a virtual reality experience built with A-Frame. Explore the milestones that have shaped the internet as we know it today!

![CleanShot 2024-07-30 at 12 13 15](https://github.com/user-attachments/assets/a1c249e9-4c51-4377-ac2e-908c8d9edc41)

## Features

- **Interactive VR Gallery**: Navigate through a virtual corridor showcasing important milestones in the history of the internet.

- **Mobile-Friendly**: Optimized for mobile devices with touch controls.

- **Engaging UI**: Modern, responsive design for an immersive experience.

- **Loading Screen**: Custom loading screen with animated dots and a joke to entertain users while the experience loads.

## Live Demo

Experience the History of the Internet Gallery live at [https://internet-history.zigao.wang/](https://internet-history.zigao.wang/).

## Usage

1. **Start the Experience:**

   - Click the "Start Experience" button on the welcome screen.

2. **Navigate the Gallery:**

   - Use touch controls on mobile devices or standard WASD controls on desktop to move through the gallery.

   - Look around by moving your device or using the mouse.

## Components

### `twoway-motion`

A custom A-Frame component for two-way motion control, optimized for mobile devices.

**Schema:**

- `speed`: Speed of movement.

- `threshold`: Threshold angle for looking down to move backward.

- `nonMobileLoad`: Whether to load on non-mobile platforms.

- `removeCheckpoints`: Whether to hide checkpoint controls.

- `chatty`: Whether to log debug information.

**Usage:**

```html

```

**Script:**

The script is located in `scripts/twoway-motion.js` and is registered within the `index.html`.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

Made with 💛 by [Zigao Wang](https://zigao.wang)

Feel free to open issues or submit pull requests for improvements. Happy exploring!