ThreeJS旋转动画

文章/答案/技术大牛

发布

1回答

简单的3D立方体滚动动画不使用三个3D

javascript、animation、three.js

我对THREEJS还不熟悉，目前我正在尝试使用箭头键移动一个立方体。请看这把小提琴：我想要的是它在旋转的时候平稳地向左移动，但是怎么做呢？在这里动画工作(但从来没有得到正确的旋转方向)：，这确实显示了我想要的动画。那么，我在THREEjs</

浏览 1提问于2021-04-05得票数 1

回答已采纳

1回答

我有一个基于以下ThreeJS示例的网页：我通过将它们附加到现有节点(原子)来动态创建新的节点(原子)。在创建它并将其添加到场景中之后，我希望使用所需的最小数量的旋转、平移和缩放操作将新的atom/子元素放在最前面。我将从场景中的旧位置到新位置进行动画更改，所以我不想通过赋值将新元素的位置/四元数更改为新值。我想随着时间的推移动画变化，执行每个操作(平移/缩放/旋转)每个动画帧的切片。有没有什么ThreeJS方法可以帮助我做到

浏览 0提问于2015-02-17得票数 0

1回答

javascript、three.js

我在ThreeJS中有一个立方体，我想在每次按下按钮时将它顺时针旋转90度。我想我已经掌握了它的基本要点:创建一个Three.Animation实例，将其绑定到多维数据集，然后在每次我按下正确的按钮时开始动画。然而，我很难理解ThreeJS的API，因为它似乎没有包含任何方法的示例。这是Three.js的动画构造函数：( root，data，interpolationType，JITCompile )我不明白字段中包含了什么。我猜root应该是我放置立方体的地方，但是其他的呢？另外，我可以随时调用anim

浏览 0提问于2012-02-01得票数 5

回答已采纳

1回答

Threejs多重网格动画

javascript、animation、three.js

我对threejs非常陌生，我已经创建了一个for循环来绘制400个柱面。一切都很好，它们被调用到场景中并正确渲染。当我要为对象设置动画时，400个对象中只有一个看起来是旋转的。我怎样才能旋转所有的气缸？mesh2.position.z = Math.random() * 400 - 200; } 在动画中我放了：mesh2.rotation.z += 0.06;，我知道我可能在做一些愚蠢的事情，但我对

浏览 1提问于2016-05-25得票数 1

1回答

基于分段着色的ThreeJS旋转纹理

javascript、three.js、webgl

在ThreeJS中，我有一个具有顶部图像纹理的粒子，正在使用片段着色器进行应用。我使用TweenJS更新属性，但不确定如何进行旋转。如何使用片段着色器旋转顶部纹理，使纹理动画到底部图像？

浏览 4提问于2013-10-29得票数 1

回答已采纳

1回答

使用(x，y，z)坐标信息设置3D角色动画

animation、three.js、blender

我不明白的是如何在ThreeJS中使用这些实时数据点来设置导入的3D角色的手的动画。(x，y，z)是3D笛卡尔平面，从我在文档中读到的内容来看，ThreeJS使用欧拉/四元数角度进行旋转(如果我错了，请纠正我)。我现在陷入了僵局，因为我不确定如何将其转换为角度数据。我是动画的新手，所以请让我知道是否有其他的库可以帮助我以一种更容易的方式做这件事。

浏览 32提问于2021-04-01得票数 0

1回答

ThreeJS摄像机面对点

javascript、algorithm、math、rotation、three.js

在ThreeJS中，如果相机是在任何给定的角度旋转，我如何才能确定点的坐标正是一个单位的方向，相机是面对。如果旋转x为Pi /2 (90度)，则函数将返回(1，0，0) 我怎么能创建一个函数来完成这个任务呢？我不需要所有的东西，主要是数学。

浏览 8提问于2015-07-01得票数 0

回答已采纳

3回答

带有动画的Maya到three.js

animation、model、three.js、maya、skeletal-mesh

这是骨骼的简单动画。(关节旋转)。我需要让它与ThreeJs (webGL)一起工作。任何可以引导我们朝着正确方向前进的帮助都将不胜感激。谢谢

浏览 9提问于2013-02-07得票数 3

1回答

Three.js动画

three.js、timeline.js

使用ThreeJS作为讲故事项目的时间线，最好的编码选项是什么？我想用ThreeJS来制作之前的“威尼斯商人”中一个演员的故事动画。我还用After Effects做了相当多的动画。是的，我肯定想使用ThreeJS / WebGL技术。我不想做后遗症。我不想和闪电侠一起做。我肯定想使用ThreeJS。我想问的是，谁能告诉我一个高效的Javascript库，它最好地利用ThreeJS作为一个时间线，从头到尾讲述一个动画故事？我已经看到了一些选择

浏览 4提问于2016-04-19得票数 2

2回答

如何在three.js中显示GIF纹理？

javascript、three.js、gif

现在，当我想要渲染gif动画时，它会加载为静止图像。有没有办法做到这一点？我知道A-Frame有一个用于gif纹理的自定义着色器。

浏览 57提问于2017-02-28得票数 0

1回答

用鼠标绕物体旋转三次？(没有mouseDown)

javascript、three.js

所以，我正在寻找一种方式，旋转的对象在三倍，但不按住鼠标按钮。我这里有一个例子网站：，它使用Threejs。一直在浏览论坛和Threejs文档，但我不知道如何在不按住鼠标的情况下围绕对象旋转。

浏览 4提问于2016-10-12得票数 0

回答已采纳

3回答

搅拌机输出一个three.js动画-骨骼旋转奇怪

animation、export、three.js、blender、skinning

我目前正试图使用(github.com/mrdoob/three.js/tree/dev/utils/exporters/blender/2.66/scripts/addons).的出口商将一个动画搅拌器模型导出到three.js 我创建了一个模型，包括骨骼和重量，还有一个微小的动画。不知怎么的，骨头不是围绕着它们的起源旋转，而是围绕着根骨的起源旋转。用手移动骨头并没有什么区别。02/27/creatin

浏览 2提问于2013-09-11得票数 5

回答已采纳

2回答

我可以移动到特定位置的动画按钮点击，而不是动画我的网格？

javascript、three.js

我有一个变形的三维网格，我可以加载使用threejs。加载模型后，我可以启动动画剪辑。在threejs中有什么方法可以这样做吗?或者有其他的方法可以建议吗？

浏览 0提问于2019-04-01得票数 0

回答已采纳

1回答

使用单个AnimationClip从网格(GLTF/FBX)管理动画

three.js

我正在将我们的手机游戏移植到webgl，我们在FBX中的3d模型使用单流动画，并通过其帧编号来引用动画，例如:0- 10 Idle 11 - 22 - walk等。在移动端，它使用OpenGL ES和我们自己的游戏引擎和动画处理器。看看Threejs，似乎我们在自己的引擎中实现的大多数事情都已经被它处理了。我如何使用三个动画，特别是在使用单个剪辑时淡入/淡出到新动画的部分？大多数针对threejs的动画教程都使用了多个剪辑，但我还没有找到一

浏览 61提问于2021-08-31得票数 1

回答已采纳

1回答

如何从俯仰、滚动和航向三个角度来实现三维模型的全旋转？

three.js、3d、coordinate-systems

我想将对象的任何旋转映射成三种形式的模型。我正在使用tweenjs来执行如下动画。THREE.Math.degTo

浏览 0提问于2019-04-29得票数 0

2回答

如何旋转相机/世界以聚焦于任何实体

javascript、aframe、webvr

我想做一些类似的东西，但我在旋转相机/场景时遇到了问题(我都试过了)。我面临的问题是，由于我们不能再在aframe中设置相机旋转，我尝试将其包装到一个a实体标签中，我将其称为camera-rig并旋转它，但是，如果用户与相机交互，然后单击按钮，应该在焦点上的实体将不在焦点中，有人能帮助我吗我想做什么(click here) 我做了什么(click here) 要在毛刺中旋转世界，请单击场景中的介绍按钮

浏览 49提问于2019-10-07得票数 0

回答已采纳

1回答

ThreeJS胎面旋转

javascript、three.js

在ThreeJS中，我试图使一个胎面与一个特定的材料旋转，类似于坦克胎面。下面是我所想的一个例子：我在想，相对于沿着它的两个点旋转，它会产生同样的视觉效果，如果我简单地改变胎面纹理的位置，连续地抵消它一定数量的像素。有人知道如何在ThreeJS中改变重复纹理的位置吗？

浏览 4提问于2014-04-15得票数 0

回答已采纳

1回答

独立的ThreeJS模型和动画数据

javascript、animation、3d、three.js

ThreeJS中的动画数据和模型数据可以去耦合吗？我知道如何在ThreeJS中做到这一点，就是把每一个动画一个接一个地塞进一个模型中，这似乎是有限的。动画。如果我想改变动画，我需要重新烘焙每一个模型吗？听起来太违反直觉了。

浏览 1提问于2015-01-11得票数 0

回答已采纳

1回答

ThreeJS GLB IK动画导出

animation、three.js、blender

为什么ThreeJS中的IK动画不能反映搅拌器中正在发生的事情？在Blender中，连接的骨骼使用IK正确移动。在ThreeJS中，所有连接的骨骼都不会移动，唯一发生的事情是顶点围绕IK控制器骨骼移动的位置拉伸。我向你保证，我在搅拌机中做了所有与电甲有关的事情。在这一点上，我闭着眼睛也能做到。我的猜测是，当动画关键帧被导出为GLB格式时，有些地方是不正确的。我正在使用ThreeJS R100。我尝试了从2.74到2.8的不同版本的Blender。

浏览 32提问于2019-02-17得票数 0

1回答

Three.js如何为时钟每30度绘制多个球体

rotation、three.js、html5-canvas

晚上好,在EaselJS中，您可以在旋转之前在画布上设置元素的旋转点，但在ThreeJS中似乎不可能做同样的事情。我可以旋转我的球体(这是无用的)和它的位置，但我不知道如何计算坐标。迫不及待想收到你们的回音了，杰伊

浏览 1提问于2014-04-20得票数 0

点击加载更多

简单的3D立方体滚动动画不使用三个3D

是否将场景中的新ThreeJS子元素放在前面和中心？