30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.min.js"
|
|
integrity="sha512-avLcnGxl5mqAX/wIKERdb1gFNkOLHh2W5JNCfJm5OugpEPBz7LNXJJ3BDjjwO00AxEY1MqdNjtEmiYhKC0ld7g=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<!-- <script
|
|
src="https://cdn.jsdelivr.net/gh/c-frame/aframe-physics-system@v4.2.2/dist/aframe-physics-system.js"></script> -->
|
|
<script src="/public/js/aframe-physics-system.js"></script>
|
|
<script src="/src/index.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<a-scene physics="restitution: 0; stats: panel" stats tick-time-display="sceneOutputEl: #tickTimerScene"
|
|
renderer="physicallyCorrectLights: true">
|
|
<a-assets>
|
|
<a-asset-item id="room" src="/assets/room.glb"></a-asset-item>
|
|
</a-assets>
|
|
<!-- <a-entity gltf-model="#room" static-body></a-entity> -->
|
|
<a-box scale="2 2 2" position="0 -1 0" static-body></a-box>
|
|
|
|
<a-box is-controlled position="0 1.6 0" dynamic-body>
|
|
<a-entity camera="active: true"></a-entity>
|
|
</a-box>
|
|
</a-scene>
|
|
</body>
|
|
|
|
</html>
|