Is it possible to use a real camera from a device(Android) to show the model in AR on react native?
Any guides to this?
Do you have babylonjs working in react native? I have experimented with expo and wanted to dive more into that this winter.
Yes, I am using a new react-native library
Can you share a link to that library? I’m really interested! I’ll do some research for getting camera. I’ve used video with devices in Pixi in production, but would be keen to do that with babylonjs with XR/AR.
Found it. Did you see the XR sample app?
/**
* Generated with the TypeScript template
* https://github.com/react-native-community/react-native-template-typescript
*
* @format
*/
import React, { useState, FunctionComponent, useEffect, useCallback } from 'react';
import { SafeAreaView, StatusBar, Button, View, Text, ViewProps, Image } from 'react-native';
import { EngineView, useEngine, EngineViewCallbacks } from '@babylonjs/react-native';
import { Scene, Vector3, ArcRotateCamera, Camera, WebXRSessionManager, SceneLoader, TransformNode, DeviceSourceManager, DeviceType, DeviceSource, PointerInput } from '@babylonjs/core';
import '@babylonjs/loaders';
import Slider from '@react-native-community/slider';
const EngineScreen: FunctionComponent<ViewProps> = (props: ViewProps) => {
const defaultScale = 1;
const enableSnapshots = false;
const engine = useEngine();
show original
And also the readme shows the need permissions for xr camera
Your Blog is very nice. Wish to see much more like this. Thanks for sharing your information.
1 Like