아트센터나비 유니티교육 AR

레퍼런스 & 공부자료

아트센터나비 유니티교육 AR

스튜디오 오버그래픽스 2021. 9. 17. 13:26

A-Frame – Make WebVR

A web framework for building virtual reality experiences. Make WebVR with HTML and Entity-Component. Works on Vive, Rift, desktop, mobile platforms.

aframe.io

웹기반 VR

https://www.8thwall.com/

8th Wall | Powerful Tools to Create Extraordinary WebAR, AR, WebVR Experiences

Create, collaborate and publish interactive augmented reality content to the web in real time with 8th Wall. Start developing now with a 14-day free trial.

www.8thwall.com

웹기반 AR

https://www.letsee.io/ko/

HOME :: 웹AR SDK - Letsee

렛시 WebAR SDK는 별도의 앱 설치없이 즉시 배포가 가능합니다. 웹AR 제작으로 현실세계와 가상세계를 넘나들며 몰입감 높은 새로운 경험을 시작해보세요. Letsee Developer를 통해 Augmented Reality 프로젝

www.letsee.io

한달에 천명 접속까지 무료

그 이상 3만원?

가격, AS, 솔루션 설명등이 잘되어있는 업체

웹AR을 하려면 웹브라우저에서 카메라 권한을 받아야해서 https여야됌

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>나비</title>
    <script src="https://developer.letsee.io/api/webar?key=6f323a6a7ca0c78e6973e21c45ab4440418a99857d9497a6f728b415f055dacc"></script>    
    <style media="place" type="text/css">
    #container {
        -letsee-target: uri('https://developer.letsee.io/api-tm/target-manager/target-uid/61441b2156197305fc5c1332');
        width: 250;
        height: 393;
        align-items: center;       
    }
    </style>
</head>
<body>
  <script>
    letsee.init();
    letsee.ready(() => {
      letsee.start();
    });
  </script>

<div id="container" >  
    안녕하세요
</div>
</body>
</html>

여기서 6번째줄과 9번째줄의 코드의 키값을 변경해줘야함

6번째줄의 webar?key= 이 다음에 키값에다가

해당 프로젝트의 키값을 넣어주고

9번째줄에 target-uid/ 뒤에다가

타겟매니저에서만든 이미지에서 나온 키값을 넣어줌

그다음 깃허브 계정에서 새로만든 repository에서 html파일을 넣고

도메인을 적어줌

https://modelviewer.dev/

modelviewer.dev

웹AR제작 하는 에디터

editor창가서 Download Scene가면

웹에쓰는 3D 모델 포맷

.glb (안드로이드 용 포맷

.usdz (아이폰 용 포맷)

하나의 페이지에서 안드로이드와 아이폰 둘다 호환하려면 .glb 와 .usdz파일 둘다 가지고 os에 맞춰서 쓰게 해줘야됌

예시

src = "tfor2a.glb"

ios-src="tfor2.usdz"

이렇게 적어주면 기본적으로 tfor2a.glb를 불러와서 안드로이드에서는 되지만 아이폰은 안되기때문에

ios-src를 통해서 usdz파일을 불러와서 아이폰에서도 되게 만듬

'레퍼런스 & 공부자료' 카테고리의 다른 글

360 수채화 효과 레퍼런스 (0)	2021.11.08
Unity HDRP 360 녹화 레퍼런스 (0)	2021.11.08
공간 전환 효과에 쓸만한 쉐이더 (0)	2021.09.16
유니티 어드레서블 (0)	2021.09.03
Asset Bundle 에셋번들 (0)	2021.09.03

현재글아트센터나비 유니티교육 AR

스튜디오 오버그래픽스