javascript - three.js /anime.js / gltfloader - 我无法定位导入的对象 - 小提琴

Question

更新：为了清楚起见，我制作了一个小提琴，使用两个产生相同问题的预先存在的小提琴。

期望的结果：我希望导入的对象能够以与“立方体”相同的方式定位。

这是滚动动画小提琴。

请注意它如何在时间轴中处理 cube.position 中的“立方体”：

timeline.add({
    targets: cube.position,
    x: 100,
    y: 25,
    z: -50,
    duration: 2250,
    update: camera.updateProjectionMatrix()
  })

这是对象小提琴。- 这按预期工作。

这是我的混合小提琴。

在我的混合小提琴中 - 如果我尝试在时间线中将 cube.position 换成 mesh.position - 它会引发未定义的错误。

一样吗？/关于three.js话语的类似问题

标签： javascriptthree.jsgltfanime.js

Answer 1

我得到了我想要的：

1）创建addMesh函数并在initThree()中调用

2) 创建网格 = gltf.scene.children

3) 从网格创建一个网格组

4）在anime.js时间轴内定位meshGroup

     timeline.add({
    targets: meshGroup.position,
    x: 100,
    y: 25,
    z: -50,
    duration: 2250,
    update: camera.updateProjectionMatrix()
  })

它在这里工作。