<!DOCTYPE html>
<html>
<head>
<title>【検証用】A-Frame VRM Minimal Example</title>
<meta charset="utf-8">
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/superhoge/aframe-vrm-component@v0.6.1/dist/aframe-vrm.min.js"></script>
</head>
<body>
<a-scene>
<a-entity
id="avatar"
scale="1.5 1.5 1.5"
position="0 0 0"
rotation="0 180 0"
vrm="src: https://cdn.jsdelivr.net/gh/vrm-c/vrm-specification@v0.0/samples/VRoid/AliciaSolid.vrm;"
vrm-anim="src: https://cdn.jsdelivr.net/gh/mrdoob/three.js@r123/examples/models/vmd/wavefile_v2.vmd; format: vmd;">
</a-entity>
<a-camera position="0 1.2 2.5"></a-camera>
<a-sky color="#ECECEC"></a-sky>
<a-plane position="0 0 0" rotation="-90 0 0" width="30" height="30" color="#FFFFFF" shadow></a-plane>
<a-light type="directional" color="#FFF" intensity="0.6" position="-1 2 2"></a-light>
<a-light type="ambient" color="#FFF" intensity="0.6"></a-light>
</a-scene>
</body>
</html>
使用変数
anim | |
charset | |
color | |
height | |
id | |
intensity | |
position | |
rotation | |
scale | |
src | |
type | |
vrm | |
width |