ar小Demo(aframe.js)
官网:
中文网:
https://www.techbrood.com/aframe/guides?p=building-a-basic-scene
虚拟现实
https://mp.weixin.qq.com/s/6ddpdknOHAKO9ORUPIqnAg
3d模型
https://www.techbrood.com/aframe/introduction?p=models
Demo
<style>
#arjsDebugUIContainer {
opacity: 0;
/* transform: scale(); */
}
</style>
<!-- 这个是一个做3d的 -->
<script src="./aframe.min.js"></script>
<!-- 添加ar 基于aframe 库的 -->
<script src="./aframe-ar.js"></script>
</head>
<body style="margin: 0px; overflow: hidden">
<!-- 来个场景标签包含所有实体 并且初始化arjs -->
<a-scene embedded arjs>
<!-- 添加gltf 导入模型 -->
<a-entity
gltf-model="./demo/scene.gltf"
position="0 -0.2 -1.5"
scale="1 1 1"
rotation="30 0 0"
>
<a-animation
attribute="rotation"
dur="3000"
to="0 0 360"
repeat="indefinite"
></a-animation>
</a-entity>
<!-- <a-box color="red" position="0 2 -50" rotation="0 45 45" scale="2 2 2">
</a-box> -->
<!-- <a-entity gltf-model="#tree" scale="0.01 0.01 0.01"></a-entity> -->
<!-- 添加摄像头 -->
<a-marker-camera preset="hiro"></a-marker-camera>
</a-scene>
</body>
