A型框架让gltf模型始终在玩家面前微微跟随
A-frame let gltf model follow slightly in front of player at all times
我想知道如何在 A 帧 (https://aframe.io) 中创建一些东西,其中我场景中的 gltf 模型稍微跟随前面的相机并且与相机保持视线水平。我如何在我的场景中拍摄模型并添加一个功能,使 gltf 模型始终跟随玩家在玩家面前并处于视线水平。这意味着如果玩家移动,gltf 将与玩家一起移动,因此它始终在玩家的前方和视线水平。如何才能做到这一点?
gltf模型的代码:
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<a-scene>
<a-gltf-model src="https://cdn.glitch.com/bb5471f0-16f5-4309-8c7c-52310dc4ff58%2Frobot.glb?v=1625516682023" position="0 0 -1" scale="0.02 0.02 0.02"></a-gltf-model>
<a-camera position="0 0 0"></a-camera>
</a-scene>
使模型成为相机的子对象:
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<a-scene background="color: #ECECEC">
<a-assets>
<a-asset-item id="avocado" src="https://cdn.glitch.com/ddafb83b-7516-4b05-b0a8-df38b8c55bad%2FAvocado.glb?v=1625549309364"></a-asset-item>
</a-assets>
<a-camera>
<a-entity position="0 0 -0.2" gltf-model="#avocado"></a-entity>
</a-camera>
<a-plane position="0 0 -2" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
</a-scene>
</body>
</html>
我想知道如何在 A 帧 (https://aframe.io) 中创建一些东西,其中我场景中的 gltf 模型稍微跟随前面的相机并且与相机保持视线水平。我如何在我的场景中拍摄模型并添加一个功能,使 gltf 模型始终跟随玩家在玩家面前并处于视线水平。这意味着如果玩家移动,gltf 将与玩家一起移动,因此它始终在玩家的前方和视线水平。如何才能做到这一点? gltf模型的代码:
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<a-scene>
<a-gltf-model src="https://cdn.glitch.com/bb5471f0-16f5-4309-8c7c-52310dc4ff58%2Frobot.glb?v=1625516682023" position="0 0 -1" scale="0.02 0.02 0.02"></a-gltf-model>
<a-camera position="0 0 0"></a-camera>
</a-scene>
使模型成为相机的子对象:
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<a-scene background="color: #ECECEC">
<a-assets>
<a-asset-item id="avocado" src="https://cdn.glitch.com/ddafb83b-7516-4b05-b0a8-df38b8c55bad%2FAvocado.glb?v=1625549309364"></a-asset-item>
</a-assets>
<a-camera>
<a-entity position="0 0 -0.2" gltf-model="#avocado"></a-entity>
</a-camera>
<a-plane position="0 0 -2" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
</a-scene>
</body>
</html>