Augmented Reality

AR Apps Repo - Each branch represent a different demo/feature - check readme for setup guide

Expo ViroReact

Branch objectDetection - ViroReact

• Download Scanning App
• Open in xcode
• Run on iOS device
• Scan object
• Save object in work dir of ViroReact Project
• Open Sample ViroMedia Project add in ViroARObjectMarker
• Change source to your scanned .arobject file
• Run app
• Allow phone to focus on object, ensure you have a good amount of light

Branch imageDetection - Expo

• git clone repo
• git checkout imageDetection
• npm i
• You will beed to download a test image into the folder to use
• It will recognize the image opening on a computer screen
• expo start
• Scan QR code to open in Expo testbed app
• Hold camera over image

Branch simulatedDistance - Expo

• git clone repo
• git checkout imageDetection
• npm i
• You will beed to download a test image into the folder to use
• It will recognize the image opening on a computer screen
• expo start
• Scan QR code to open in Expo testbed app
• Watch marker get closer and eventually go past you

Branch custom geometry - ViroReact

• Working on this as you read this...unsolved

Branch 3D Text - ViroReact

• Introduction extrusionDepth with ViroReact
• Simple example of rendering 3D text
• All you need for setup is your own API Key from ViroMedia

Branch Animated Image - ViroReact

• Simple example of gif in AR
• Two gifs at once - feel free to change uri
• All you need for setup is your own API Key from ViroMedia

Branch Plane Anchoring - ViroReact

• Plane detected
• Object appears in space
• Working on placing object on Place detected
• All you need for setup is your own API Key from ViroMedia

The Math - Location Based AR

const _latLongToMerc=(lat_deg, lon_deg) => {
   let lon_rad = (lon_deg / 180.0 * Math.PI)
   let lat_rad = (lat_deg / 180.0 * Math.PI)
   let sm_a = 6378137.0 // Earth Radius
   let xmeters  = sm_a * lon_rad;
   let ymeters = sm_a * Math.log((Math.sin(lat_rad) + 1) / Math.cos(lat_rad))
   return ({x:xmeters, y:ymeters});
}

const transformPointToAR = (lat, long, deviceLatitude, deviceLongitude) => {
  let objPoint = _latLongToMerc(lat, long);
  let devicePoint = _latLongToMerc(deviceLatitude, deviceLongitude);
  let objFinalPosZ = objPoint.y - devicePoint.y;
  let objFinalPosX = objPoint.x - devicePoint.x;
  return ({x:objFinalPosX, z:-objFinalPosZ});
}```