1回答
我用搅拌器创建了一个简单动画的3D对象，然后我将其导出为.gLTF文件，我试图导入到THREE.js，但我只能导入3D对象，但无法加载动画，我如何加载动画到Three.js？
浏览 130提问于2019-10-02得票数 1
1回答
这里有一个three.js演示：
它工作得很好，但如果我想使用画布渲染器而不是webgl，那就有问题了。
renderer = new THREE.CanvasRenderer();
我看不到纹理(物体是白色的)，而且动画也不起作用。这是three.js中的一个错误，还是我必须在代码中修改更多？
提前感谢
浏览 2提问于2012-03-09得票数 0
回答已采纳
我是Three.js的新手，我跟随学习了如何使用three.js加载GLTF模型。我想通过使用FBX加载器从Mixamo导入和动画模型来练习。
本教程对three.min.js和GLTFLoader文件使用了CDN。我也尝试过为FBXLoader做同样的事情。但是，我一直收到从main.js文件调用FBXLoader的错误
在我的HTML中，我有：
在我的main.js中，我尝试这样命名它：
const loader = new THREE.FBXLoader();
和
const loader = new FBXLoader();
然后得到以下相应的错误
Uncaught TypeError
浏览 42提问于2020-11-20得票数 0
在three.js中测试代码时，不需要动画。我能看到第一个渲染的画面。这将使用更少的电力，并阻止风扇在笔记本电脑启动时，图形卡加热。
three.js中的示例具有以下结构：
function init() {
animate()
}
function animate() {
requestAnimationFrame( animate );
render();
targetRotation = targetRotationOnMouseDown + ( mouseX - mouseXOnMouseDown ) * 0.05;
}
function render(
浏览 8提问于2016-04-03得票数 0
回答已采纳
我也在使用JavaScript和Three.js进行我的第一步。
我正在学习如何将搅拌机动画导出并加载到Three.js中，并使用Three.js网站上的这个示例：
我制作了一个搅拌机动画()，当我导出它时，我使用它不运行的相同代码将其加载到Three.js中。
你知道为什么我看不到动画吗？我不知道这是导出器的限制，还是我的动画的问题。
谢谢
浏览 1提问于2015-11-30得票数 0
1回答
无法使用动画THREE.js属性
、、、、
我希望有一个反应春天动画的一个属性的材料在Three.js。
但是，当我尝试这样做时，我会遇到一个错误：
THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.
下面是我的代码，我试图从6.3到1.3将props.theta动画化：
import React, { useRef, useState, useEffect } from 'react';
import { u
浏览 16提问于2020-07-13得票数 2
回答已采纳
我试验了COLLADA解析器示例colladaloader.js，并以mrdoob.github.com/three.js/examples/webgl_loader_collada.html和为例，从导入了一个骨骼动画collada模型"Seymour_anim2.dae“。加载器似乎在collada.animations或collada.dae.animations中解析和存储骨架结构和一些骨骼动画数据。问题是，我无法使用示例中的方法让骨骼动画工作。
现在，我想知道COLLADA解析器是否有问题，或者Three.js中是否有其他方法/技巧可以用来播放我的模型的骨架动画？我很想听听您
浏览 5提问于2012-06-27得票数 4
1回答
我正在three.js制作第一人称游戏。当玩家移动或开火时，我想在枪中显示出某种运动。我对three.js非常陌生，对使用动画混合器的three.js中的动画一无所知。目前，我正在以最原始的方式做这件事。我只是简单地添加一个框架变量的枪，并增加它在每一个新的游戏更新。根据更新，我只是简单地使用正弦来改变游戏的y位置，并给它一些动作。
这种方法是很好的，当动画是排序，不需要做先进的东西，如后坐力和拾取一些项目。如何在three.js中处理这种动画？
浏览 1提问于2018-09-12得票数 0
回答已采纳
我使用的是Three.js 57版本。现在我正在使用JSONLoader制作动画。我成功地获得了动画。但我想更新的全部顶点颜色的网格在动画的每一个帧。这在three.js中有可能吗
提前谢谢
浏览 3提问于2013-07-26得票数 3
回答已采纳
我目前正在做three.js中的骨骼动画测试。我有一个简单的模型，它在搅拌机动画很好。基本上，它由三个堆叠的弯曲立方体组成。
当我使用blender V2.64的blender导出插件将Blender文件导出到three.js时，webGl上下文中的动画看起来不同，就好像皮肤权重是错误的一样。
WebGL-演示：
搅拌器-文件：
我必须做什么才能在three.js中获得正确的结果？
浏览 5提问于2012-11-23得票数 9
回答已采纳
1回答
如何使用直接使用javascript而不是a-框架标记，通过three.js加载器将gltf模型加载到帧场景？
模型将有动画，并进一步我想通过three.js来控制这个动画。
提前谢谢。
浏览 2提问于2018-02-21得票数 2
回答已采纳
谈论骨骼动画。要导出的内容以及要调用哪些函数才能在three.js上播放动画。另外，一个简单的JSON导出文件应该是什么样子才能在three.js中工作。
浏览 5提问于2013-02-26得票数 5
回答已采纳
我是一个学生，我想做一个网络应用程序/网站作为一个项目，与互动的three.js动画纳入其中。
我已经找到了足够的关于学习three.js的信息和有用的例子，要么是动画，要么是游戏。但我找不到初学者级别的示例或教程，使用three.js动画作为产品选择网站的一部分。
例如，一个汽车网站。客户可以在汽车上选择不同的车轮，不同的配件和颜色。一旦被拾取，它们就可以播放汽车移动的动画。我要强调的是，我正在寻找一些基本的东西，这样我就可以进入并理解代码，而不需要太多的专业知识。或者是初学者教程。
任何类型的three.js示例或用户选择(从我可以构建/定制的面板)更改动画的教程都将受到欢迎。
我相信这些
浏览 1提问于2014-05-18得票数 1
我想通过KeyFrameTracks显示两个不同的立方体动画。采用了以下示例KeyFrame Three.js代码。如何集成通过KeyFrameTracks移动的第二个动画立方体？Thx // create an animation sequence with the tracks
// If a negative time value is passed, the duration will be calculated from the times of the passed tracks array
var clip = new THREE.AnimationClip( '
浏览 154提问于2019-05-13得票数 1
回答已采纳
我正在尝试three.js中的骨骼动画，使用从Blender导出的模型作为JSON文件。
我尝试了以下解决方案：
然后，加载模型和播放动画工作良好。然而，模型右臂的角度略有不正确。
这是现场演示
以及对搅拌机的抓捕。
正如你所看到的，动画是不一样的。three.js 的右臂比搅拌机的值高。
我还会附上一个搅拌机文件。
我想知道是否有人能给我任何信息。谢谢,
使用three.js r62
浏览 5提问于2013-10-24得票数 1
回答已采纳
我试图为一个使用语音识别和与用户回话的项目中使用一个图形头动画。我计划用来显示图形头的主要库是Three.js，它有两种不同的动画方法--动画剪辑和变形目标。
多个动画剪辑对这个项目来说可能太麻烦了，但是变形目标似乎符合根据某些声音来动画脸部的标准。我想用搅拌机设定变形目标，但我复习的许多文献似乎自相矛盾。本身似乎表明它们是同义词，但表示它们并不相同(尽管它们试图在两个不同的对象之间变形，所以可能不适用)。
对于这一行动，更有经验的人有什么见解吗？
浏览 2提问于2020-02-12得票数 1
回答已采纳
我想知道如果一个混合器文件包含许多动画，three.js库如何知道你想在浏览器上打开哪一个动画？
由于THREE.AnimationHandler.add()已弃用，因此应使用THREE.Animation (mesh，geometry.animation)函数，该函数不需要动画名称。
有人知道three.js是怎么做到的吗？
浏览 2提问于2015-07-09得票数 1
1回答
当我通过将对象的刻度设置为0来禁用对象时，我会遇到一些小故障。
设置：
我得到了一个立方体，1在框架50，0在框架51。
我基本上使用这个，在我的动画中禁用对象(使用gltf或fbx)。当我在three.js中播放动画时，关键帧似乎是以某种方式内插的。所以在1级和0级之间有一点小问题。
到目前为止我尝试过的：
将动画的框架设置为60 the
在three.js中设置固定帧50 the &将动画设置为50 the
从不同的节目输出(影院4d和搅拌机)
以不同格式导出(gltf和fbx)
我觉得three.js还在对动画做一些插值。
有人知道解决办法吗？
浏览 3提问于2019-10-19得票数 1
1回答
我想做什么？
在搅拌机中用门创建对象
为门创建动画“打开”和“关闭”(反向动画)
导出模型+动画
在three.js中加载模型+动画
只需使用其名称即可播放动画“打开”或“关闭”。
我现在在哪？
我创建了一个混合器项目，您可以在该项目中获得，我成功地创建了一个操作“打开”，并通过three.js导出程序导出它。
我的问题是什么？
我试图创建第二个动作“关闭”，但我无法找到导出两者的方法。
所以我的问题是，是否有可能让一个动作和它的反向存储在搅拌机和出口商为three.js？我走错路了吗？有什么更好的解决办法吗？
是导出的js文件。
谢谢
浏览 4提问于2012-09-13得票数 2
回答已采纳
这是我正在努力实现的一个例子：
我正在从Blender (v2.73)导出一个3D模型到Three.js (r70)，使用Three.js r69的导出程序。
该模型具有骨骼动画和多个形状键，具有不同的面部表情(睁开/闭眼等)。
将骨骼动画导出到Three.js很好，但是我不知道如何正确地导出变形目标。
出口商有一个关于“morph动画”的复选框，但是启用它会产生一个非常大的文件，其中时间线的每一个帧都会产生一个变形目标。(时间线具有骨骼动画)。
用于骑士模型()的json文件有4个变形目标，每个面部表情一个。这正是我想要的，但我一直无法复制它。
任何关于如何设置搅拌器文件/搅拌器到three
浏览 9提问于2015-01-28得票数 8
回答已采纳
1回答
我正在将蒙皮网格上的动画从在搅拌器中创建的glTF导入到THREE.js中。我有两个同时影响骨骼平移的动画。在Blender中，这些平移是相加的，但在THREE.js中，这些平移是按权重平均的。
例如，动画是translate(2，0，0)和translate(4，0，0)如何让AnimationMixer生成(6，0，0)而不是(3，0，0)？
浏览 1提问于2018-03-27得票数 1
1回答
我有个搅拌机的场景里有一堆东西。有些对象有骨骼动画，但大多数没有。我试图将场景导入到Three.js中，包括正确对象上的动画。以下是我所遇到的问题的分类：
Three.js中的骨动画只在使用THREE.SkinnedMesh时才能工作。
由于所有对象上都有动画数据，因此很难(如果不是不可能)确定动画链接到哪个对象，因此不可能将这些网格作为THREE.SkinnedMesh加载。
即使能够确定动画所属的对象，THREE.SceneLoader也不会将这些对象创建为皮肤网格本身，导致不得不删除SceneLoader创建的对象，并再次使用蒙皮网格手动创建这些对象。
我试图通过手动
浏览 0提问于2014-04-24得票数 2
回答已采纳
我使用three.js搅拌器插件导出姿态动画。原始动画没有循环属性，因此动画的最后一帧不等于第一帧。
因此，我希望找到一个javascript解决方案，而不是返回并修复所有的混合文件。
复制第一帧并将其附加到所述动画的最后一帧，并修复持续时间。
或
如果可能的话，防止three.js混合帧并修复持续时间(我的动画在每个帧中都有键，这样动画看起来就会很好而不需要“平滑”，除非它们是以慢动作播放)。
浏览 1提问于2016-08-19得票数 0
当我使用Three.js导出器从Maya导出已设置动画的蒙皮网格时，它似乎始终具有与其组合的未设置动画的重复网格。
我已经尝试了我能想到的所有导出设置，也确保没有其他网格与它一起导出。我可以通过蒙皮、动画和导出任何网格来重现这个问题。
我比较了我导出的.js文件，我看不出该文件和这个工作的three.js示例有什么不同：
浏览 2提问于2016-04-01得票数 0
1回答
我已经成功地使用Three.js导出实用工具从Blender导出了一个动画，并可以将它添加到Three.js场景中：
然而，一旦我将对象添加到我的场景中，我似乎无法手动定位它。下面是我用来从Blender导出创建网格和动画的代码：
var callback = function (geometry, materials) {
var skinnedMesh = new THREE.Mesh(geometry, new THREE.MeshPhongMaterial({
color: 'green'
}));
浏览 3提问于2014-05-16得票数 3
回答已采纳
2回答
我已经导出搅拌机JSON动画到THREE.js，一切正常，但我只想播放动画一次，并停止而不是循环动画。
浏览 0提问于2015-11-27得票数 5
我在MAYA2010中建模，我想把我拥有的动画模型导入到Three.JS中。从Maya导出然后导入到Three.JS的推荐流程是什么？
浏览 3提问于2013-10-10得票数 1
1回答
我目前正在尝试用Three.js显示一个简单的三维动画模型。该文件从3DS Max导出很好，但是当我试图动画它时，我得到了错误：
未定义的TypeError:无法读取未定义的属性“morphTargetInfluences”
我正在使用在中找到的动画代码
function animate() {
requestAnimationFrame( animate );
controls.update();
for ( var i = 0; i < skin.morphTargetInfluences.length; i++ ) {
skin
浏览 1提问于2013-05-31得票数 2
回答已采纳
2回答
我有一个在3Ds MAX上设计的带有简单动画的模型(我的版本是2013)。我如何将它导出到.json扩展，包括它的动画(用于Three.js)？我已经多次尝试使用Three.js包中的工具导出它，但是这些都是浪费的("morphTargets“数组仍然是空的)。
我该如何处理这个问题？还有别的办法吗？我必须使用3D Maya为我的模型制作动画吗？
感谢您的阅读！
浏览 1提问于2013-06-08得票数 4
回答已采纳
我知道这在three.js中是可能的，但是看起来three.js是一个网格球面，图像有点失真。如果可能的话，我也宁愿使用CSS。
这是可以用CSS转换完成的吗？理想情况下，我想把它从一个平面图像动画到一个球体，这样就可以很容易地用CSS转换来动画了。
浏览 0提问于2014-07-03得票数 0
回答已采纳
1回答
点击动画会影响SEO吗？
、、、
我们想建立一个令人印象深刻的动画网站，但SEO对我们也很重要，我想知道在CSS和JS动画的情况下SEO的效果。
假设我们希望用Gatsby.js或Next.js构建页面，并在Three.js中添加动画。我们知道页面需要非常快的加载，所以我们不想在init上使用动画。但是，假设我们希望在网站顶部有一个开关按钮，它将触发Three.js和CSS动画。它会影响SEO吗？
另一个例子，我们将有一个静态网站没有动画和第二个网站与相同的内容，但有大量的动画和没有索引标签(弯曲的目的)。因此，当用户将访问我们的网站，他将能够看到链接(不跟随)的网站上的子域与动画。
有什么办法弄清楚吗？
浏览 0提问于2022-03-02得票数 1
3回答
我正在使用three.js和动画一些对象。我使用three.js的animate()函数对对象进行动画处理。基本上是这样的：
function animate(){
object.position.z++;
}
不幸的是，这被称为每个渲染帧。因此，在不同帧率的设备上，我的对象的速度是不同的。有没有办法让它依赖于秒或毫秒？
谢谢
浏览 17提问于2017-07-27得票数 5
回答已采纳
嘿，我正在通过three.js加载一个FBX动画，我想要的是在鼠标滚轮滚动上播放动画。
如下所示：
浏览 6提问于2018-09-30得票数 0
1回答
我正在使用ColladaLoader将我的模型和骨骼动画加载到Three.js中，据我所知，它的动作似乎是正确的，但由于某种原因，动画速度太快了。如何控制动画的速度？
浏览 6提问于2015-08-19得票数 0
回答已采纳
我正在尝试使用Three.js创建游戏，我想问是否有一种方法可以使GLFT模型具有动画效果，但我希望使用随机间隔，而不是使用动画循环。在我的例子中，这个游戏是关于照顾青蛙的(但我很酷，所以我把它拼成了phrogs)，作为一个闲置的动画，我想让青蛙随机地叫。在进一步的发展中，我也想添加运动，吃等随机播放动画，但现在我只需要轰鸣的动画。以下是加载模型并为其设置动画的代码： const basePhrog = new GLTFLoader()
var obj
basePhrog.load('assets/models/Phrogs/base phrog/phrog.gltf', f
浏览 94提问于2021-07-17得票数 1
回答已采纳
2回答
使用Three.js，我想要创建物体从电缆或绳索上摆动的效果。它不需要真正的物理原理，因为“摆动”的物体只是遵循固定的动画。最简单的解决方案是使用THREE.Line，但问题是THREE.Line只能有1px厚，而且看起来有点糟糕。
在three.js示例中，有一个“粗行”示例：
然而，问题是，一旦我使用LineGeometry()创建了这条线，我就不知道如何对其进行动画处理。
到目前为止，我找到的唯一解决方案是在每一帧中删除然后创建一行新行，这是可行的，但似乎是一种非常不经济的、优化得很差的方法。
有没有人知道更好的方法来动画线几何，而不必删除和替换每个帧？或者，在three.js中有其他
浏览 10提问于2020-06-17得票数 0
2回答
Iv'e尝试了这么多出口的每一个设置，让这个工作，黑塔修改了three.js，Inka3d，clara.io和在线转换器的出口，并尝试打开的FBX动画到搅拌机没有恶意。
FBX在网站(如clara.io )和Maya / 3DS Max中具有动画和播放功能，但是在导出.json或.js时，它不能在联机编辑器或脱机编辑器中工作。
有没有其他方法可以将带有蒙皮的骨骼/关节的动画从Maya转换到.js / .json，并且可以在Three.Js中工作？
浏览 1提问于2014-07-05得票数 2
1回答
Three.js -头像动画
、、、、
我有一个关于three.js库的问题。我想知道如何使用WebGL (three.js)库而不是混合器来创建动画，其中从搅拌器导出为Collada格式(.dae)的头像可以移动手臂或腿。
浏览 3提问于2015-06-24得票数 5
1回答
我有一个给定颜色的three.js对象。我想要将它平滑地动画到另一种颜色。在动画过程中，它应该只显示开始和结束之间的直接渐变。也就是说，它不应该在RGB颜色空间中线性地执行补间。我甚至不确定HSV空间中的线性补间是否会看起来很好。
如何在three.js对象上获得这种补间颜色？
浏览 1提问于2012-09-20得票数 6
回答已采纳
5回答
什么是动画的最佳选项(纹理动画，移动对象，隐藏/显示对象，...)在three.js？你用额外的库吗。例如tween.js或其他什么？谢谢。
浏览 13提问于2012-07-31得票数 7
回答已采纳
1回答
你好，我正在用JavaScript做我的第一步，也和three.js一起玩。
即使用json加载器加载，本例的动画也是.js而不是.json，其外观如下：
如何从搅拌机制作的动画中获得这样的文件？目前，我知道我有一家three.js出口商需要json，而不是js。或者有一种方法可以将json转换成js？
非常感谢你的帮助
浏览 16提问于2015-11-27得票数 0
我已经成功地在搅拌器中使用骨骼动画技术制作了一个模型的动画，我还使用uv纹理在搅拌器中对其进行了纹理处理。然后在搅拌器中使用three.js导出插件，我已经导出了模型，确保uv和动画在检入。然而，我不知道为动画模型加载纹理的技术。我查看了three.js中包含的变形法线示例，其中使用了兰伯特材质的简单颜色纹理。我有来自外部文件的纹理。如何加载纹理。在js动画模型文件中，纹理是有位置的，并且它在相同的位置。但它不能加载。我也使用了面部材质技术。
我用来修改的three.js示例的位置：
下面是我的代码：
var loader = new THREE.JSONLoader();
浏览 3提问于2013-05-20得票数 1
关于手头的问题，请参见。
该网页还链接到视频的动画和真正的时钟，我正在努力实现的three.js。
它是一个时钟，两个发光二极管围绕着中心的一个引脚旋转。影子造就了时钟的指针。
当涉及到three.js/webgl时，我是一个完全的新手，但是在一些关于three.js的专家的帮助下，我/我们走了这么远： (时钟以每秒1分钟的速度加速动画)
有一件事不见了:时钟的指针。中心引脚不显示聚光灯应投下的阴影。
为什么中心引脚没有任何阴影？
浏览 3提问于2015-12-05得票数 1
回答已采纳
2回答
您好，我正在尝试在我的机器上本地运行一些three.js示例。我知道安全方面有一些问题，所以我需要设置一个本地服务器。因此，我使用python运行本地服务器。将显示背景图像和文本，但不会发生动画。
我检查了控制台，并得到错误三未定义。我已经下载了three.js并将该文件夹放到了我的项目目录中--你对这里发生的事情有什么想法吗？
从three.js (示例)页面访问时，动画在浏览器中工作。我的脚本src与我在three.js-master目录中使用命令行时pwd命令的输出相同，如下所示：
<script src="/home/iiiiiii/Desktop/test/buil
浏览 1提问于2017-04-17得票数 0
是否可以在THREE.js中保存动画帧并播放它们？我说的不是视频文件或任何东西，而是发送到requestAnimationFrame(renderFunction)中的实际动画帧。
浏览 2提问于2014-02-20得票数 1
1回答
JSON模型是在Blender中创建的，动画也是在Blender中使用骨骼制作的。但是当我尝试在three.js中运行动画时，除了鱼之外，场景的其余部分都被显示出来。我一直在寻找答案，但没有找到任何解决我的问题的方法。我正在阅读Jos Dirksen的“学习three.js”这本书。我也是three.js的初学者
var loader=new THREE.JSONLoader();
var mesh;
loader.load('fish_anim1.json', function (model, mat){
mat[0] = new THREE.MeshLambertM
浏览 5提问于2014-12-30得票数 2
如何导入网格与动画混合器3D动画到JSON和加载从Three.js 90？也许有人知道该怎么做？我不能这么做。
loader.load( 'models/fox/fox_run.json', function ( geometry, materials ) {
// adjust color a bit
var material = materials[ 0 ];
material.morphTargets = true;
浏览 3提问于2018-03-04得票数 0
我现在和THREE.js合作了一段时间，我真的很享受它，除了一件事:把动画从Blender带到游戏场景。我试着自己解决这个问题，然后找了一段时间，然后在这里问我的问题。直截了当地说，我只是一个程序员，不是一个图形专家，我不是自己创造搅拌机内容。
1.有什么特别的东西要知道(或坏的？)当使用BufferGeometry作为导出选项时，使用当前版本86?中的THREE.js Blender导出器导出BufferGeometry，我的文件大小按因子3增长，但在生成的.json文件中没有包含任何动画。使用相同的选项，除了“几何”而不是"BufferGeometry“，包括动画，并提供一个较小的
浏览 5提问于2017-07-16得票数 1
回答已采纳
我在“Three.js”中创建了一个多维数据集，但我想创建相同的多维数据集3次，然后瞄准它们，这样它们就可以单独使用“Tweenmax”动画了。
我是three.js的新手，所以如果有任何帮助，我们将不胜感激。
小提琴：
浏览 1提问于2016-03-21得票数 0
回答已采纳
1回答
我使用的软件包动画纹理显示在我的网格。我使用的反应-三纤维，而不是普通的three.js和出于某种原因，它加载纹理，但不动画它。这是我的来展示我的意思。我甚至尝试不使用useLoader，并准确地复制了文档中提供的示例：
const texturePath = 'https://i.imgur.com/Oj6RJV9.png';
const animator = new PlainAnimator(new THREE.TextureLoader().load(texturePath), 4, 4, 10, 10);
const texture = animator.init()
浏览 3提问于2020-04-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
