当前位置: 首页 > 知识库问答 >
问题:

如何在三个滑块上创建变形动画。js?

糜征
2023-03-14

我在blender上创建了一个变形动画(默认值:纤细的化身和形状键:肥胖的化身),现在我正试图将其导出到三个。js并使用滑块显示。因此,当滑块向右或向左拖动时,化身会改变形状,变得更胖或更瘦。但我不知道如何用javascript编写这个功能。谁能帮帮我吗?

共有1个答案

慕皓君
2023-03-14

你可以使用dat。gui作为滑块和变形目标来影响顶点的位置。

您可以从这个示例中读取源代码。

http://threejs.org/examples/#webgl_morphtargets

但基本上,你把变形目标推到几何体上,然后使用网格。变形目标影响以影响变形目标顶点的影响。

 类似资料:
  • 我创建了一个包含一系列数据的图表。现在,我正在尝试向图表中添加一个滑块/线标记,如下所示。 我使用此处提供的MPAndroidChart库创建了图形/图表https://github.com/PhilJay/MPAndroidChart. 该图似乎运行良好,但我需要像下面这样的线滑块,以便当我触摸图形时,线滑动并提供与图形相交的线的值。有人能帮我解决这个问题吗,或者我必须使用不同的库来实现这一点。

  • 如何在侧滑块中制作一些不同类型的动画。有图书馆吗?如果有图书馆,请提供我。

  • 本文向大家介绍如何用CSS 画一个三角形?相关面试题,主要包含被问及如何用CSS 画一个三角形?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 三角形原理:边框的均分原理        

  • 骨骼动画和变形动画是非常常见的动画形式,对于Threejs三维引擎来说自然要支持。一般开发过程中都是加载3D美术绘制好的骨骼动画模型或者变形动画模型,不过为了大家更深入的理解这两种动画模型,课程12.1和12.3节用纯Threejs代码实现相应的动画模型创建,虽然怎增加了学习的难度,但是非常有助于从底层理解这两种动画模型。 这两种动画模型也是在上一章讲到的帧动画基础之上实现,学习本章之前最好先学习

  • 问题内容: 我需要旋转div并停止在特定位置(该值将从服务器接收)。 我尝试使用本机JS进行旋转和停止,但它占用了我的CPU大量时间。 我可以旋转CSS动画,但是我需要创建一个类,该类将动态描述停止动画的位置。就像是 提前致谢 问题答案: 好吧,我认为动态创建 它们 并不容易, 因为它们必须是硬编码的,所以它们不灵活。 过渡稍微容易一些,因为它们可以优雅地响应JavaScript进行的CSS更改。

  • 问题内容: 我创建了一个框架,然后创建了一个画布。 接下来,我要在画布上添加一个按钮。 但是,当我打包按钮时,我看不到画布! 这是我尝试过的: 问题答案: Tkinter管理器会尝试将父窗口小部件的大小调整为正确的大小,以包含其子窗口小部件,并且默认情况下不会更大。画布就在其中- 但它与按钮的尺寸完全相同,因此是不可见的。 如果要在画布上放置小部件 而不 导致画布动态调整大小,则需要以下功能: 这