renshu/ryohei/neko.html at master - SakataKoryo2021/renshu

Fork: 0

SakataKoryo2021 / renshu

Find file

Newer

Older

renshu / ryohei / neko.html

Satoh Ryohei on 21 Oct 2021 1 KB Add files via upload

Raw Blame History

<!doctype HTML>
<html>
<!-- A-Frame ライブラリの読み込み -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,
target-densityDpi=device-dpi" />
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<!-- AR.js ライブラリの読み込み -->
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/2.2.0/aframe/build/aframe-ar.js"></script>
</head>
<body style='margin:0px; overflow:hidden;'>
<!-- こっからA-Frame -->
<a-scene embedded arjs><!--="debugUIEnabled:false;trackingMethod:best;" vr-mode-ui="enabled: false"--->

    <!-- こっからARの世界。マーカー上になにを展開するかを書く -->
    <a-marker preset="custom" type="pattern" url='pattern-koryo.patt'>
        <!--objファイル: 形　mtlファイル: 表面　mtlなしでは透明になってしまう--->
        <a-entity 
            obj-model="obj: url(12222_Cat_v1_l3.obj);
        mtl: url(12222_Cat_v1_l3.mtl)"
            scale="0.02 0.02 0.02"
            rotation="-90 0 0"
        >
        </a-entity>
        <!--scale:サイズ　rotation: 角度 -90??-->
             <a-text value="Cat AR by J" position="0 0.8 0" align="center"></a-text>
    </a-marker>
    <!-- arなのでカメラが必要 -->
    <a-entity camera></a-entity>
</a-scene>
<!-- ここまででA-Frameおわり -->

</body>
</html>