<html>
<head>
<title>A-Frame VRM with Animation</title>
<meta charset="utf-8">
<script type="importmap">{"imports": {"three": "https://threejs.org/build/three.module.js"}}</script>
<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
<script src="https://binzume.github.io/aframe-vrm/dist/aframe-vrm.js"></script>
</head>
<body style="background-color: black; color:white;">
<a-scene>
<a-entity
vrm="src:./vrm/tesA1_V0a.vrm"
vrm-anim="src:https://threejs.org/examples/models/bvh/pirouette.bvh; loop: true; autoplay: true;"
rotation="0 180 0">
</a-entity>
<a-camera position="0 1.0 4"></a-camera>
<a-sky color="#222"></a-sky>
<a-plane position="0 0 0" rotation="-90 0 0" width="30" height="30" color="#444" shadow></a-plane>
<a-light type="directional" color="#FFF" intensity="1" position="-1 2 2"></a-light>
<a-light type="ambient" color="#888"></a-light>
</a-scene>
</body>
</html>
使用変数
| anim | |
| charset | |
| color | |
| height | |
| intensity | |
| position | |
| rotation | |
| src | |
| style | |
| type | |
| vrm | |
| width |