Arjs Basic

14/11/2018 #Ar.js

Ar.js구동시켜 예제

코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>basic ar</title>
</head>
<script type="text/javascript" src="../../lib/arjs/aframe.min.js"></script>
<script type="text/javascript" src="../../lib/arjs/aframe-ar.min.js"> </script>
 <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
          <a-marker preset="hiro">
                <a-box position='0 0.5 0' material='color: black;'></a-box>
          </a-marker>
          <a-entity camera></a-entity>
    </a-scene>
    
       <a-scene embedded arjs='sourceType: webcam;'>
        <a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
        <a-marker-camera preset='hiro'></a-marker-camera>
    </a-scene>
  </body>
</html>
cs

마커 이미지

마커이미지 이 예제는 카메라로 마커이미지 Hiro를 비춰야 정상적으로 실행 할 수 있습니다.