Не удалось заставить камеру работать, используя expoTHREE и expoGRAPHICS для создания AR-сцены в собственном проекте React - PullRequest
2 голосов
/ 26 марта 2019

Я занимаюсь разработкой приложения React Native и хотел реализовать AR-сцену с использованием Three.js. Мой проект инициализируется с использованием "React-native init", а затем я установил модули expo. Я создал отдельный модуль под названием «CamTab.js» и внедрил в него сцену AR. Затем я вызвал компонент из MainScreen.js. Я могу создать и запустить свое приложение без каких-либо ошибок, но экран камеры не отображается должным образом. CamTab.js показан ниже.

Я добавил текст «Текст», чтобы проверить, работает ли он.

onContextCreate = async ({gl, scale, width, height, arSession}) => {
    //initialize renderer
    this.renderer = ExpoTHREE.createRenderer({gl});
    this.renderer.setPixelRatio(scale);
    this.renderer.setSize(width, height);

    //initialize scene
    this.scene = new THREE.Scene();
    this.scene.background = ExpoTHREE.createARBackgroundTexture(arSession, this.renderer);

    //initialize camera
    this.camera = ExpoTHREE.createARCamera(arSession, width / scale, height / scale, 0.01, 1000);

}

onRender = (delta) => {
    this.renderer.render(this.scene, this.camera);
}

render(){
    return(<View>
            <Text> The Text </Text>
        <ExpoGraphics.View style = {{flex:1}}
            onContextCreate= {this.onContextCreate}
            onRender = {this.onRender}
            arEnabled={true}/>
            </View>

    );
}

}

Я намереваюсь отобразить вход камеры, используя этот компонент, но ничего не получаю. просто белый экран.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...