我正在尝试学习如何在Aframe.io中制作简单的AR游戏,但是我充满了互动性和物理性。我的代码正在导入3x3D模型,物理学应该在它们上起作用,并且我应该ab拖放以碰撞它们。
它的工作原理很奇怪,因为在Firefox中它启动了场景并且物理工作正常,但是我不能拖放任何东西。即使我用 来自https://rawgit.com/wmurphyrd/aframe-super-hands-component/master/dist/super-hands.min.js
在其他浏览器中,我只能看到白色背景。我找不到任何错误。请帮帮我!!
<html>
<head>
<script src="https://rawgit.com/donmccurdy/aframe-extras/v2.1.1/dist/aframe-extras.loaders.min.js"></script>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.0.2/dist/aframe-physics-system.min.js">
</script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v3.12.4/dist/aframe-extras.min.js"></script>
<script src="https://rawgit.com/wmurphyrd/aframe-super-hands-component/master/dist/super-hands.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item id="swinka" src="s17106.ply"></a-asset-item>
<a-asset-item id="personEB" src="personEB.ply"></a-asset-item>
<a-asset-item id="model_postac" src="model_postac.ply"></a-asset-item>
</a-assets>
<a-entity progressive-controls="objects: .object"></a-entity>
<a-entity environment="preset: forest"></a-entity>
<a-plane static-body rotation="-90 0 0" width="300" height="300" color="black" visible="false"></a-plane>
<a-entity class="object" grabbable dynamic-body ply-model="src: #swinka" rotation="-90 45 0" scale="0.03 0.03 0.03"
position="0 1 -1.5"></a-entity>
<a-entity class="object" grabbable dynamic-body ply-model="src: #personEB" rotation="-90 0 0" scale="0.05 0.05 0.05"
position="3 0.1 -2"></a-entity>
<a-entity class="object" grabbable dynamic-body ply-model="src: #model_postac" rotation="-90 0 0"
scale="0.05 0.05 0.05" position="-2 0.1 -2"></a-entity>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
position="0 1 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
position="0 3 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
position="0 5 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
position="-2 2 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
position="-2 5 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
position="-2 8 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood.jpg"
position="2 1 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood3.jpg"
position="2 4 -4"></a-box>
<a-box class="object" grabbable dynamic-body src="http://users.pja.edu.pl/~mati/dynamic/gfx/wood1.jpg"
position="2 7 -4"></a-box>
</a-scene>
</body>
</html>