Developing with the Mysterious ViroReact

My App: Portfolio Portal AR Scene
App.js file, initial scene selector customized
ViroFlexViews with ViroText, and a ViroImage
Viro3DObjects and shadows
ViroAmbientLight, ViroSpotlight, Viro3DObject (with textures), and ViroQuad (shadows) in use
ViroARTrackingTargets.createTargets({
"businessCard": {
source: require('./res/business-card.jpg'),
orientation: "Up",
physicalWidth: 0.09 / real world width in meters
}
})
<ViroARImageMarker target={"businessCard"} onAnchorFound={() => this.setState({ runAnimation: true })}>
<ViroARSceneNavigator {...this.state.sharedProps}
initialScene={{ scene: InitialARScene }}
numberOfTrackedImages={1}
_exitViro={this._exitViro}
viroAppProps={this.state.viroAppProps}
/>
I used my old business card as an image tracker

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store