<html>
<head>
<title>A-Frame VRM with Animation</title>
<meta charset="utf-8">
<script type="importmap">
{
"imports": {
"three": "https://unpkg.com/three@0.125.2/build/three.module.js",
"three/addons/": "https://unpkg.com/three@0.125.2/examples/jsm/"
}
}
</script>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="./js/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:./vrm/8.bvh"
// vrm-anim="src:./vrm/letgo.vmd"
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 |