https://github.com/kfarr/jurassic-file-navigator

🦖WebVR implementation of Jurassic Park's infamous 3D file system navigator display
https://github.com/kfarr/jurassic-file-navigator

aframe express webvr

Last synced: 11 months ago
JSON representation

🦖WebVR implementation of Jurassic Park's infamous 3D file system navigator display

• Host: GitHub
• URL: https://github.com/kfarr/jurassic-file-navigator
• Owner: kfarr
• License: mit
• Created: 2016-03-22T00:40:45.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2019-04-24T07:39:34.000Z (over 7 years ago)
• Last Synced: 2025-05-05T21:03:09.839Z (about 1 year ago)
• Topics: aframe, express, webvr
• Language: JavaScript
• Homepage:
• Size: 7.76 MB
• Stars: 20
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🦖jurassic-file-navigator

* WebVR implementation of Jurassic Park's infamous 3D file system navigator display

* Online demo: http://jfn.herokuapp.com (this might break at anytime, free heroku dyno, no guarantees)

![Jurassic Park File System Navigator Scene](/public/images/jurassic-file-navigator.gif?raw=true "Jurassic Park File System Navigator Scene")

* Remember Jurassic Park and its super rad 3D file system navigator? Did you know it was based on a real application? "File System Navigator" was created in the 80's and never really saw use beyond the '93 dino flick. 

* Now relive those memories in virtual reality with this WebVR experiment inspired by FSN and Jurassic Park

## What does it look like?

![Screenshot of app](/public/images/app-video-jurassic-file-nav.gif?raw=true "Screenshot of app")

## how to use?

* clone and run `npm install`

* run `npm start`

* then load localhost:3000 in your browser

* Look around, purple boxes are directories, yellow boxes are files

* "gaze" at a purple box to navigate to the subdirectory

* That's about it

## TODO List - clone this repo and help make your retro dreams into (virtual) reality!

* multiple tree view on one page instead of mulitple pages

* use asynchronous filesystem walking instead of readdirsync

* button to move up a dir (../)

* change filename / dir text labels from polygonal to 2d texture

* ability to remotely lock and unlock raptor dino cages

## Resources:

* Built on aframe VR: https://aframe.io

* Ported over from other aframe experiments here: https://github.com/kfarr/aframe-playground