Raect native + three js 사용법 아시나요?

react native으로 개인 프로젝트를 진행하고 있습니다.

react로 우선 threejs.와 react-three-fiber 를 연습해서 간단한 큐브를 web에서 그리는 것은 성공했습니다.

이제 react native 에서 앱으로 똑같이 만들려고 합니다.

xcode 시뮬레이터를 이용해서 테스트 중입니다.

일단, 문서상에는 사용에 문제가 없다라고 해석이 되는데요.

// cube는 함수 미리 만든 상태

이렇게 했을 경우 그려지지 않습니다.
구글링 했을 때는 expo 에 대한 예시와 라이브러리는 존재하지만
xcode에서는 제대로 작동되지 않네요 …

혹시 추가로 필요한 라이브러리 키워드를 알려주시거나

간단한 cube 를 그리는 소스 몇줄을 예시주실 수 있습니까? ㅠ

좋아요 1

답변 감사합니다. expo-three 나 gl-expo 같이 예제가 많이 보였었는데요
expo에 개발환경에 최적화 되어있는 라이브러리가 아닌가요?
아니면 expo 환경이 아닌 react-native init 환경에서도 적용이 가능한 것인지요?

gl쪽의 경우, expo 만 있는걸로 알고있습니다.
cli 환경에서 expo 모듈을 사용하시고 싶으시면, unimodules 세팅하시고 쓰시면 됩니다.

좋아요 1

react native init 환경에서 gl-expo를 쓸수있다는 말씀이십니까?
오 일단 도전해보겠습니다 감사합니다

1~2시간 정도 삽질한 결과
react-native-unimodules의 사용 방법과 의의를 못찾고있습니다.
일단 다 설치한 다음 pod 도 설정해주고
expo-gl 을 설치해서 GLView를 사용했을 때
'Cannot readt property ‘GLView’ of undefined ’ 가 떨어지네요.

npx react-native init porjectName 으로 생성된 프로젝트에서
expo-gl을 사용할수 있는게 맞습니까? ㅠㅠ

문서에 작성된대로 다 하셨나요?

좋아요 1

차근차근 진행해서 오류가 까지는 잡았습니다. 하지만 빈 화면이 나오네요
현재 bare react native 프로젝트에서 expo-three, expo-gl, three, react-native-unimodules 를 설치해서
expo-three 문서에 나오는 예제를 넣었을 때 빈화면이 출력 됩니다.
아마 공식문서에 적혀있는
You’ll need to use a physical device as the iOS Simulators and Android emulators do not work well with Three.js + EXGL.
아닐까 하네요.
그래도 여기까지 와서 기쁩니다.

여전히 빈 화면만 나오는군요 …
’ EXGL can only run on javascriptcore do you have remote debugging ~~ ’
라는 경고문이 뜹니다. 에휴휴