如何在ThreeJS中从俯仰,横滚和航向执行3D模型的完整旋转?

时间:2019-04-29 08:18:40

标签: three.js 3d coordinate-systems

我有一个可以让我俯仰(-90°-90°),横滚(-180°-180°)和航向(0°-360°)的芯片。

我想将对象的任何旋转镜像到threejs中的模型。

我制作了一个可以接收俯仰,横滚和航向的Threejs应用程序,但是我对如何旋转模型以及是否有可能在俯仰和横滚范围内做到这一点感到困惑。我尚未在互联网上找到明确的答案。

  

假设我要同时旋转z:-450°,x:250°和y:-210°   2秒内的时间。我将在我的应用程序中接收音高,滚动   并以当前的旋转和航向每100ms航向。

是否可以可视化此旋转?

如果是,关于设置旋转,使用局部/全局轴等的最佳方法是什么。

我正在使用tweenjs来执行如下动画。

variable_num = 12
count = [int(input()) for i in range(variable_num)]
max_num = max(count)
count = [(i*10)//max_num for i in count]
for ind,i in enumerate(count):
  print("{} count {}".format(int(i)*"*",ind)) 

我对前端编程有很好的了解,但是我对3d / threejs的了解却不太好。

1 个答案:

答案 0 :(得分:1)

您可以使用tween.js(https://github.com/tweenjs/tween.js/)获得所需的结果,并执行类似的操作

amount,unit,ingredient
100,g.,mælkechokolade
20,g.,mini marshmallows
40,g.,saltede peanuts

这能回答您的问题吗?