현재 회사에서 웹 프로그래밍을 담당하고 있는데,
팜스토어 미리보기나 회사 홈페이지 등에서 미리보기 등으로 2D와 3D 웹뷰어를 제공하고 있습니다.
근데 몇 몇 안드로이드 기종의 경우 크롬이나 네이버 등으로 웹뷰어를 볼 경우 문제없이 돌아가는데,
유독 카카오톡 브라우저에서는 제대로 돌아가지 않더라구요.
폰 기종을 더 확인해봐야 알 듯한데, 일단 갤럭시 노트 3 Neo와 갤럭시 노트 2에서 해당 문제를 확인했습니다.
일단 뷰어 재생 방식을 설명해드리자면
① JQuery Loading 기능으로 로딩 화면 출력
② Three.js를 통해 Json Loader, 혹은 Texture Loader 기능으로 모델링, 혹은 2D 이미지 출력
③ JQuery Loading 기능 해제, 즉 로딩 화면 해제
식입니다.
노트 3 Neo의 경우 ①에서 멈춰버리구요.
3D 뷰어가 있는 홈페이지 링크 남겨드리겠습니다.
http://www.flix.co.kr/3d-real-figure-1
쓰고 있는 소스 파일은 다음과 같습니다.
[Combined-3d (js, 아래의 자바 스크립트 코드들 압축)]
- three.js.min (버전 : 84)
- three.js - orbit control
- Jquery
- Jquery - loading
[Loader_3d (js / css)]
위 기능을 활용하여 모델링 호출