LifeScope XR

How to run

You need to put the aws credentials in config/

install dependencies

npm install

build

npm run build-dev

start server w/ dev credentials

npm run dev

Deployment

clone repo

git clone https://github.com/mohrtw/lifescope-xr.git

add config/prod.json

install dependencies

npm install

build

npm run build-prod

test site works with only production dependencies

delete node_modules/

install production dependencies

npm install --production

test site works

NODE_ENV=prod npm run start

zip .ebextensions/ .npmrc config/, dist/, static/, and package.json

zip -r xr .ebextensions/ .npmrc config/ dist/ package.json static/

upload xr.zip to elastic beanstalk

LifeScope-XR

Repository

(development phase, medium priority)

The LifeScope API allows anyone to create a shared virtual space to access their memory and tell their stories.

This repo contains a series of AR/VR Views written to extend lifescope-app codebase as JS/Vue/Nuxt plugins.

Augmented Reality

LifeScope AR Marker

LifeScope AR Marker Pattern file.

Notice how the pattern encodes the variance of the bitmap

1. AR Floor Topography Map (development phase, medium priority)

Marker based AR.JS Mapbox trail wireframes.

Requirements

• MVP: See a trail of gateways left behind from LifeScope location objects.
• Shows the current location (GPS) tile and database LifeScope objects using markers.
• See location of other lifLifeScopeescope objects.
• See geo-polygons drawn from LifeScope places objects.
• Able to select locations, zoom, objects
• Ability to see AR Globe (See VR Globe)
• Able to work without marker. Using compass, accelerometer, gyroscope, camera (slam), etc…
• Able to see other LifeScope users with permissions.

Dependencies

• Vue/Nuxt compatible
• AR.JS
• AFrame (0.8+)
• Mapbox (0.44.1+)
• https://github.com/kig/JSARToolKit/tree/master/demos/markers

Examples

• AR.JS Mapbox with marker
• AR.JS markerless
• Web Geo adapter (De-noise web GPS data
• Marker Maker
• BitScoop Marker
• Networked AFrame
• https://ngokevin.github.io/kframe/
• https://github.com/mattrei/aframe-geojson-component

2. Phone AR Gateways (concept phase, low priority)

Requirements

• MVP: Shows AR gateways around the current location (GPS) from the LifeScope database
• Able to select gateways, zoom, objects
• Able to see friends

Dependencies

• Vue/Nuxt compatible
• AR.JS
• AFrame (0.8+)
• Mapbox (0.44.1+)

Examples

• AR.JS markerless
• aframe vuejs 3dio
• Web Geo adapter (De-noise web GPS data
• Marker Maker
• BitScoop Marker
• Networked AFrame

3. Facial recognition (concept phase, low priority)

Requirements

• MVP: Able to recognize faces from LifeScope data
• Capture store photo/video/location/speech of “AR encounter” in LifeScope api Dependencies
• Vue/Nuxt compatible Examples
• JS Facial tracking experiment

Virtual Reality

1. Globe of LifeScope trails (development phase, medium priority)

Aframe Earth wireframe.

Mapbox trail wireframe.

Requirements

• MVP: Shows the current location (GPS) on globe and database LifeScope objects using marker
• Able to select locations, zoom, objects
• Able to see friends

Dependencies

• Vue/Nuxt compatible
• AR.JS
• AFrame (0.8+)
• Mapbox (0.44.1+)

Examples

• Aframe Earth
• Networked AFrame

2. Infinite procedural walls (concept phase, low priority)

LifeScope Gallery Mockup

Requirements

• MVP: Show an infinite "gallery" of content from your lifescope data.
• Able to sort, search, curate, modify content shown.
• Able to draw in the gallery.
• Able to see friends.

Dependencies

• Vue/Nuxt compatible
• AR.JS
• AFrame (0.8+)
• GURI VR

Examples

• AFrame Room Component
• 3d.io Room Objects
• Networked AFrame

3. Memory palace (concept phase, low priority)

AFrame generated rooms.

AFrame generated media content frames for HTML Shader.

Requirements

• MVP: Show an infinite "gallery" of content from your lifescope data.
  • Method_of_loci Learn more on how to build-a-memory-palace
• Able to sort, search, curate, modify content shown.
• Able to draw in the gallery.
• Able to see friends.

Dependencies

• Vue/Nuxt compatible
• AR.JS
• aframe vuejs 3dio
• AFrame (0.8+)
• GURI VR

Examples

• AFrame Room Component
• 3d.io Room Objects
• Networked AFrame
• https://www.mapbox.com/mapbox-gl-js/example/3d-buildings/
• https://blog.mapbox.com/global-elevation-data-6689f1d0ba65

BitScoop WebXR Examples

BitScoop VR Social Login Demo

Social Wars in React VR. A VR demo using the BitScoop Platform for Social Login. Filled with demo data.

BitScoop AR Marker

BitScoop Marker Pattern File. Notice how the bitmap matches the file.