【WebAR】AR Quick Look에서 Blender로 만든 하카타 돈코츠라면을 표시해 보았다(AR Quick Look)

3964 단어 블렌더아 R
환경 메모
⭐️Mac OS Mojave 버전 10.14
⭐️Blender v2.79.6
⭐️Xcode10.2
⭐️Mac Book

↓↓↓ 움직인 동영상입니다

✨WebAR✨🚩 AR Quick Look🚩로 그동안 Blender로 만든 🍜 하카타 돈코츠라면🍜을 표시시켜 보았어. 'xcrun usdz_converter'명령으로 obj를 usdz 포맷으로 변환하고 텍스처도 제대로 붙은 #b3d


AR Quick Look에서 Blender로 만든 하카타 돈코츠라면을 표시해 보았다.

IOS12 이상의 safari에서 WebAR이 실행됩니다.



1. 먼저 Blender로 만든 하카타 돈코츠라면의 모델을 "obj"형식으로 내보내기

(기본 설정으로 OK였습니다.)

#Blender



#AR

피 c. 라고 r. 코 m / s 게 VkZW pV

June 11, 2019



2.Xcode를 열고 'Preferences' 열기



3.Locations 탭을 선택하고

Command Line Tools가 Xcode 10 이상인지 확인



4. 하카타 돈코츠라면 텍스처 'png' 배경색 투명을 그만두고

배경색 흰색으로 만들기

↑ 이것을 하지 않으면, 돈부리의 텍스처가 흠뻑 빠졌습니다. TOT



5.obj 형식에서 usdz 형식으로 변환합니다.

그 때 텍스처도 붙인다.



xcrun usdz_converter ramen.obj ramen.usdz  -color_map ramen_image.png




5.usdz 출력



6. 준비할 내용



7.index.html의 내용




index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Hakata Tonkotsu Ramen</title>
  </head>
  <body>
    <a href="ramen.usdz" rel="ar" >
    <img src="imageramen.png">
</a>
  </body>
</html>




완성! !


좋은 웹페이지 즐겨찾기