<!DOCTYPE html>
<html>
<head>
<title>Final VRM Component Inspector</title>
<meta charset="utf-8">
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
<script src="./js/aframe-vrm.js"></script> </head>
<body>
<a-scene>
<a-entity
id="avatar"
vrm="src: ./vrm/tesA1_V0a.vrm"
position="0 0 0"
rotation="0 180 0">
</a-entity>
<a-entity camera position="0 1.6 2.5"></a-entity>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
<script>
// ページが完全に読み込まれ、VRMが表示されるのを待つ
window.addEventListener('load', function() {
console.log('✅ Page loaded. Waiting 2 seconds...');
// 2秒後に実行
setTimeout(function() {
console.log('⏰ 2 seconds passed. Inspecting VRM component...');
const avatarEl = document.querySelector('#avatar');
if (avatarEl && avatarEl.components && avatarEl.components.vrm) {
const vrmComponent = avatarEl.components.vrm;
console.log('%c--- VRM Component Object (Start) ---', 'color: red; font-weight: bold;');
// ▼▼▼ VRMコンポーネントの「中身すべて」を出力します ▼▼▼
console.log(vrmComponent);
console.log('%c--- VRM Component Object (End) ---', 'color: red; font-weight: bold;');
} else {
console.error('❌ Could not find the avatar entity or its VRM component.');
}
}, 2000);
});
</script>
</body>
</html>
使用変数
| ) { console.log -------( Function ) | |
| ) { console.log -------( Function ) | |
| avatarEl | |
| charset | |
| color | |
| id | |
| position | |
| rotation | |
| src | |
| vrm | |
| vrmComponent |