WebAR(AR.js)에서 사용하는 Blender 모델 「.glb」로서 출력하는 방법(glTF Metallic Roughness)

환경 메모
⭐️Mac OS Mojave 버전 10.14
⭐️iPhone7(IOS 12.1)
⭐️Blender v2.79.6
⭐️Mac Book
⭐️ 브라우저 safari

WebAR(AR.js)에서 사용
Blender에서 만든 모델이나 애니메이션 ".glb"로 출력하는 방법으로 추가 기능 추가

보통, 「.glb」형식으로 출력하면, 모델에 색이 붙지 않은 상태로 출력된다.
그래서 "glTF Metallic Roughness"를 링크하여 출력하면 모델에 색이 붙은 상태가 된다.

실제로 출력한 동영상은 이쪽↓↓
htps : // 라고 해서 r. 코m/논온카 피바라/s타츠 s/1110183471064866832

🚩WebAR🚩Blender에서 출력한 3D모델은 🐱png에 비해 표시가 조금 무거운 것 같다🐷 #WebAR

1. 'glTF-Blender-Exporter'에서

"glTF-Blender-Exporter-master.zip"을 다운로드하고 압축을 풉니 다.

#AR마커

#XRMTG

2.scripts - adding - "io_scene_gltf2"파일

블렌더의 애드온 아래에 설치

(어플리케이션의 Blender - Contents - Resources - 2.79 - scripts - addons 아래에 놓기)

#XRMTG

피 c. 라고 r. 코 m/Bs76 우우 1X

3. 사용자 설정 열기

2019년 3월 25일

4. 애드온 탭을 선택합니다.

5.glTF로 검색

6.Import Export glTF2.0 선택

7. 저장

htps : // 기주 b. 이 m / Kh의 sG 납 p / glTF-B ㄹ

이제 내보낼 때 glTF를 선택할 수 있습니다.

8.glTF Metallic Roughness 링크

9.파일링크 선택

10. "glTF-Blender-Exporter-master"- "pbr_node"- "glTF2.blend"- "NodeTree"- "glTF Metallic Roughness"선택

11. 머티리얼의 '서피스' 탭하기

12.glTF Metallic Roughness 셰이더 선택

13. 색상이 사라지므로

BaseColor에 이미지 텍스처(png) 배치

14. 출력할 모델을 모두 선택

15. "파일"-"내보내기"에서 glTF2.0 (glb) 선택

(애니메이션이 있는 경우 체크 ON)

애니메이션이 있는 경우

이제 'glTF'가 출력됨

여기에서 glTF 모델을 확인할 수 있습니다

이런 식으로 미리보기를 확인할 수 있습니다

이하, 상기의 방법으로, glb 모델 출력했습니다.

🌸WebAR🌸 해봤어요 🤩
(●＾o＾●) v
웹 브라우저에서 AR 마커를 로드해 보았습니다 🏖️
(마커식)
/> 빙글빙글 하트는 ☀️Blender☀️의 애니메이션을 표시.
❤️하트❤️를 Tap하면 🎁Qiita페이지로🌈점프‼ ️만들어 보았어.

<script async=""src="https://platform.twitter.com/widgets.js"/>

🎂WebAR🎂
Blender로 만든 애니메이션 「Walk」🍭을 출력해 표시해 보았다. htps : // gltf - ぃ 에우 r. 돈 m rdy. 코m/

— non (@nonnonkapibara) #WebAR

<script async=""src="https://platform.twitter.com/widgets.js"/>