具有材质颜色的三个 js 动画搅拌机模型

2024-03-31

我有一个导出的(三个 js json 格式)搅拌机模型。该模型有一些带有颜色的材料。如果我使用 THREE.MorphAnimMesh 和 THREE.MeshPhongMaterial,动画工作正常,但没有材质颜色。如果我使用 THREE.MeshFaceMaterial 它有颜色但动画不起作用。 问题是,我如何使用模型 js 文件中的材质颜色制作动画?

动画工作但没有颜色。模型是白色的:

var material = new THREE.MeshPhongMaterial({ morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors, shading: THREE.SmoothShading, perPixel: true }  );
var meshAnim = new THREE.MorphAnimMesh( geometry, material );

模型有材质颜色但动画不起作用:

var material  = new THREE.MeshFaceMaterial({ morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors });
var meshAnim = new THREE.MorphAnimMesh( geometry, material );

这是模型js文件:http://speedy.sh/rs39u/骨骼-0.js http://speedy.sh/rs39u/skeleton-0.js

顺便说一句,我从示例中看到了 flamingo.js 文件。它有一个 morphColors 对象,但如果我知道的话,我无法从搅拌机导出它。


知道了。也许有人可以使用它:

for (var i=0; i<geometry.materials.length; i++) {
    geometry.materials[i].morphTargets = true;
}
var material  = new THREE.MeshFaceMaterial({ morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors });
var meshAnim = new THREE.MorphAnimMesh( geometry, material );
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

具有材质颜色的三个 js 动画搅拌机模型 的相关文章

  • 如何沿着简单的路径移动相机

    如何沿着简单的路径 由顶点 点数组创建 移动相机 我需要自动移动它 而不是像第一人称射击游戏那样通过键盘 鼠标事件来移动它 找了这个例子 http trijs org examples webgl geometry extrude spli
  • 星系模拟:更改点的颜色并在鼠标悬停时显示文本

    我正在尝试创建模拟 https riteshsingh github io galaxies 4673 个最近星系的位置 星系是点 我想为鼠标悬停时的点着色并加载星系的名称 我花了很多天试图实现它 我可以更改颜色以及进行基本的光线投射 但是
  • Three.js 中几何图形的事件处理? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在寻找对 Three js 中的几何图形 相机 灯光 我们添加到场景中的东西 进行某种事件处理 我用谷歌搜索但找不到任何相关内容
  • 深度图三.js

    Three js中有没有办法获取深度图 我感兴趣的是制作类似于 Kinect 为给定场景制作的东西 我遇到了一种不使用颜色和雾来模仿这一点的黑客方法 但这并不理想 因为它会使用两个不同的场景并且会因光照而变化 我认为执行此操作的另一种方法是
  • Three.js StereoEffect 显示 2 只眼睛的网格

    我有一个使用 StereoEffect 渲染器的 THREE js 场景 但是 当我向场景添加新网格时 它们会显示在两只眼睛上 而不是为每只眼睛重复显示 我相信 THREE js 应该自动完成 我不必自己复制它们 我尝试复制它们 但这是很多
  • 使用 ThreeJS 获取球体纹理上的点击位置

    目前 我有一个带有纹理的球体 它绕 y 轴旋转 我还有在 3D 空间中单击的位置 以及球体上的旋转位置 我认为 目标 获取纹理上的位置 例如 我想获取我点击的图像的哪个方块 参见示例球体和下图 在实践中 我不会使用此图像 但我觉得这将是一个
  • 三.JS Shadow 到对象

    我想添加castShadow and receiveShadow在一个物体上 但是下面的代码有什么问题吗 var mtlLoader new THREE MTLLoader mtlLoader setPath objects Tree mt
  • 在 TypeScript 中使用三个 Js + OrbitControl

    我无法得到this http www example com 在 TypeScript 中使用上述组合的示例 I have and 在我的html中和打字稿文件
  • Three.js - 将 WebGL 和 CSS3D 与 iFrame 混合

    我准备了一个混合的工作页面WebGL and CSS3D 在SO的一点帮助下here https stackoverflow com questions 24681170 three js properly blending css3d a
  • 开始使用 Three.js 中的行进立方体

    我是 Three js 的新手 正在寻找教程来帮助我开始了解如何在 Three js 中使用 Marching Cubes 到目前为止 我在 Three js 中看到的一些使用它的项目对我来说有点复杂 所以一个简单的教程会很好 谢谢 像您一
  • (A 框架)本地 gltf 不会加载;无法读取未定义的属性“切片”

    我从A型框架学校 https aframe io aframe school 11其中加载了 gltf 模型 然后我从 Khronos 加载了示例模型 this box https github com KhronosGroup glTF
  • 在 Webpack 中使用 Three.js 以便我可以使用 OrbitControls 的正确方法是什么?

    在我的 webpack 配置中 resolve alias three path resolve node modules three build three js OrbitControls path resolve node modul
  • 无面点云 (PLY) 文件的 Web 查看器

    我在尝试Three Js https github com mrdoob three js 用于通过网络查看 PLY 文件 使用这个例子 http threejs org examples webgl loader ply html作为参考
  • 使用文件 API 将资源加载到 Three.js 中

    我想创建导入 3D 模型以在浏览器中查看的功能 方法是使用File API http www html5rocks com en tutorials file dndfiles Three js 加载器在我托管的文件上运行良好 我的理解是加
  • 如何使用键盘和鼠标控制相机 - Three.js

    我在 WEB GL 中有一个带有 Three js 的 3D 环境 并且我曾经使用 Orbitcontrols js http codepen io nireno pen cAoGI http codepen io nireno pen c
  • Three.js点击单个粒子

    In this example http jsfiddle net agqq96bq 2 您可以看到 2 个可点击的粒子 但它们都受到点击的影响 另外 我只想检测粒子上的点击 而不将它们过滤出场景 像这儿 if intersects len
  • 三.js、PointerLock和碰撞检测

    我正在开发一个 3D 虚拟家庭项目 除了碰撞检测之外 一切正常 我使用 PointerLockControls 来控制相机和移动 但我不确定如何检测每个可能方向的碰撞 为简单起见 我从与 0 0 0 上的简单立方体的向前和向后碰撞开始 ra
  • 使用 Three.js 中的设备方向控件进行对象旋转

    我正在迈出使用 JavaScript 进行编码并使用 Three js 的第一步 我正在尝试 Threejs org 的这个例子 http trijs org examples misc controls deviceorientation
  • 计算顶点法线

    我正在使用 3d 修改器https github com foo123 MOD3 https github com foo123 MOD3弯曲一个立方体 几何体更新 顶点位置更改 后 灯光不会更新 立方体仍然着色 就好像没有任何变化一样 所
  • Three.js:为相机添加灯光

    我想移动和旋转相机 但将点光源保持在相对于相机的相同位置 我读过很多帖子 说您可以将灯光对象添加到相机而不是场景中 就像这样 pointLight new THREE PointLight 0xffffff pointLight posit

随机推荐

  • Perl chomp 将多位数字变成 1 或 0

    我遇到一种情况 我需要用 Perl 读取一个充满数字的文件 这本身工作得很好 但是当我尝试删除每一行时 它会将以前的 5 或 6 位数字变成 1 或 0 Ideas 我需要对数字进行咀嚼以将文件路径与它们组合起来 因此回车符是一个问题 你没
  • 如何从 BroadcastReceiver 发出通知?

    如何从 BroadcastReceiver 发出通知 不能使用大多数方法 也不能使用 this 我需要它来打开一个包含数据库信息的活动我已经做到了 但现在必须的方法不起作用 我不能使用 这个 In the onReceive方法你得到一个C
  • LibGDX 将 BitmapFont 绘制到中间位置(spritebatch)

    我想使用 BitmapFont 绘制一些文本 临时位置 然后绘制该位置的一部分 到最后的精灵批次 我当时正在考虑画画 到临时 spritebatch 但不可能 将 spritebatch 绘制到另一个上 我怎样才能做到这一点 您可以使用帧缓
  • C - 返回指向局部变量的指针的函数

    考虑以下代码 include
  • Oracle 10g PL/SQL Connect By Prior 返回同一行上的子级和父级

    Table1 Child Parent a Bob Chris 2 Chris Kate 1 Shane Lana 3 Nala Bob 4 Table2 b Talent 1 something 2 nothing 3 something
  • CurrentThreadTaskScheduler 未完成同步

    我尝试为视图模型编写单元测试 但在尝试验证 ICommand 调用异步方法两次时遇到了困难 我使用 Moq 作为我的依赖项 我像这样设置了异步方法 this communicationServiceFake Setup x gt x Wri
  • 将列表的 2 个数据框中的因子转换为数值

    我在将列表中 2 个数据框的列转换为数字时遇到问题 现在两个数据框都有 2 列由因素组成 我想将它们转换为数字 以便我可以对它们进行数学运算 下面是示例代码 library XML bal lt http www baseball refe
  • 为什么不总是使用 HTTP post 进行 ajax 调用?

    我知道 HTTP get 和 post 方法之间的区别 如详细信息中所述this https stackoverflow com questions 46585 when do you use post and when do you us
  • 如何在 GWT 中实现 JQueryUI 滑块

    我最近需要在 GWT 中实现一个滑块来捕获用户在任务上取得的进度百分比 我对 GWT 孵化器中的滑块并不满意 并且不太热衷于使用 spiffy UI 或 SmartGWT 等外部库 我可以使用哪些替代方案在 GWT 中实现有效的滑块 而不需
  • Spark:在不更改列的可为空属性的情况下转换小数

    将列转换为DecimalType in a DataFrame似乎改变了可为空的属性 具体来说 我有一个不可为空的类型列DecimalType 12 4 我把它投射到DecimalType 38 9 using df withColumn
  • 2d(3d) 坐标的哈希图(即双精度向量)?

    我想知道是否有一个通用的全能解决方案hash map对于坐标 2d 或 3d 即双精度向量 一个例子here https stackoverflow com questions 7222143 unordered map hash func
  • 如何从 POSIX 文件描述符构造 C++ fstream?

    我基本上是在寻找 fdopen 的 C 版本 我对此做了一些研究 这是看起来应该很容易但事实证明非常复杂的事情之一 我是否在这个信念中遗漏了一些东西 即它真的很容易 如果没有 是否有一个好的图书馆可以处理这个问题 编辑 将我的示例解决方案移
  • 通过 XSLT 用 XHTML 中的标签替换 style= 属性

    假设我在 XHTML 页面中有以下内容 span style color 555555 font style italic some text span 我将如何将其转换为 span style color 555555 em some t
  • Python Tkinter GUI 自动化

    我想进入 GUI 自动化领域 以便在我自己的程序上运行测试 我想要测试的程序是用 Python 编写的 并使用 Tkinter 作为 GUI 测试代码不一定必须是Python CPP 也可以 我做了一些研究 我已经面临一个问题 根据我的研究
  • 找不到 sbt 启动器 0.11.2

    我有一个Play 2 0使用的应用程序sbt 0 11 2 但是当我建立一个新的Play服务器 它抓取了最新版本sbt 0 11 3 现在当我跑步时sbt compile在新服务器上 它抱怨 Detected sbt version 0 1
  • 更改 python mechanize 中的链接

    我正在尝试编写一个 python 脚本来生成我的批次的排名列表 为此 我只需使用网络浏览器中的检查元素功能更改链接的卷号参数 链接 相对 看起来像 academic utility AcademicRecord jsp loginCode
  • C# txt 文件配置中的 Mysql 连接

    我正在学习 C 付出了很多努力 我已经能够创建一个小型系统 在 Linux 服务器上的 Mysql 数据库中查询和插入信息 到目前为止一切顺利 但我想避免必须不断重复与数据库的连接代码 或更改服务器 数据库 用户 密码 端口等连接信息 我真
  • Windows 上的 git shell 报告“sh.exe 已停止工作 (APPPCRASH)”

    我已经尝试过安装的 Git shellGitHub http windows github com 以及提供的适用于 Windows 的 Git http msysgit github io 在 XenServer 6 20 上的 Wind
  • 在计算 networkx 中的传出和传入边缘时,len 抛出的“dict_keyiterator”没有 len()

    我正在实现一个图形操作脚本 我对以下错误感到困惑 Traceback most recent call last File py line 12 in
  • 具有材质颜色的三个 js 动画搅拌机模型

    我有一个导出的 三个 js json 格式 搅拌机模型 该模型有一些带有颜色的材料 如果我使用 THREE MorphAnimMesh 和 THREE MeshPhongMaterial 动画工作正常 但没有材质颜色 如果我使用 THREE