与 .OBJ 互动?
Interact with .OBJ?
是否可以与 .OBJ 模型交互?
我正在尝试为我导入的 .obj 模型设置旋转动画,并将 "clicking" 的光标合并到触发动画。如果能提供一些有关如何执行此操作的信息,我将不胜感激。
我也想知道是否可以在destop上使用鼠标来旋转.OBJ模型而不是移动相机。
到目前为止,这是我的代码:
<a-scene class="surgical" inspector="url: https://aframe.io/releases/0.3.0/aframe-inspector.min.js" embedded>
<a-assets>
<a-asset-item id="trapezium-model" src="trapezium.obj"></a-asset-item>
</a-assets>
<a-sky src="textures/surgical360.jpg"></a-sky>
<a-obj-model src="#trapezium-model" position="-31.81 6.72 -89.53" material="metalness:0.38;roughness:0.3;flatShading:false"></a-obj-model>
</a-scene>
要为对象的 属性 设置动画,您可以使用 a-animation
元素:
<a-obj-model src="#trapezium-model"
position="-31.81 6.72 -89.53"
material="metalness:0.38;
roughness:0.3;
flatShading:false">
<a-animation attribute="rotation"
dur="10000"
fill="forwards"
to="0 360 0"
repeat="indefinite"></a-animation>
</a-obj-model>
为了使用鼠标旋转,aframe-orbit-controls 是 THREE.OrbitControls 的包装器。这绝对是开始的地方。在同一个对象上切换动画旋转和鼠标旋转可能有点棘手。
是否可以与 .OBJ 模型交互?
我正在尝试为我导入的 .obj 模型设置旋转动画,并将 "clicking" 的光标合并到触发动画。如果能提供一些有关如何执行此操作的信息,我将不胜感激。
我也想知道是否可以在destop上使用鼠标来旋转.OBJ模型而不是移动相机。
到目前为止,这是我的代码:
<a-scene class="surgical" inspector="url: https://aframe.io/releases/0.3.0/aframe-inspector.min.js" embedded>
<a-assets>
<a-asset-item id="trapezium-model" src="trapezium.obj"></a-asset-item>
</a-assets>
<a-sky src="textures/surgical360.jpg"></a-sky>
<a-obj-model src="#trapezium-model" position="-31.81 6.72 -89.53" material="metalness:0.38;roughness:0.3;flatShading:false"></a-obj-model>
</a-scene>
要为对象的 属性 设置动画,您可以使用 a-animation
元素:
<a-obj-model src="#trapezium-model"
position="-31.81 6.72 -89.53"
material="metalness:0.38;
roughness:0.3;
flatShading:false">
<a-animation attribute="rotation"
dur="10000"
fill="forwards"
to="0 360 0"
repeat="indefinite"></a-animation>
</a-obj-model>
为了使用鼠标旋转,aframe-orbit-controls 是 THREE.OrbitControls 的包装器。这绝对是开始的地方。在同一个对象上切换动画旋转和鼠标旋转可能有点棘手。