问题标签 [morphing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
5466 浏览

android - 如何制作像 Bitspin 的及时闹钟一样的数字变形效果?

我想尝试一些角色变形效果,比如 Bitspin 的 Timely Alarm Clock。这是效果视频!(0:09 ~ 0:11)

原以为是离线做的一系列位图改动,但是反编译程序,搜索源代码和资源后,并没有找到位图序列资源轨迹。

有人知道Bitspin是如何做到的吗?

0 投票
0 回答
317 浏览

ios - 通过在 iOS 中集成 OpenCV2.framework 进行图像变形

我是 iOS 新手,我正计划开发我的第一个应用程序,在该应用程序中,我必须顺利地将一个图像变形为另一个图像。我已经下载了 OpenCv2.framework,并打算集成到我的代码中。我已经浏览了一些链接,显示了其中所需的数学计算,但我无法得到它。谁能给我一些建议或一些示例教程来演示我们如何集成和使用 OpenCv2.framework 在 ios 中将一个图像变形为另一个图像?谢谢。

0 投票
1 回答
2432 浏览

ios - 如何动画/变形菜单按钮,如 Facebook Paper 应用程序

我在 Facebook Paper 应用程序中看到了这个动画/变形,他们会将菜单按钮变形,当你下拉菜单时,变成 X,然后在你点击它时返回。我记录了它,因为我不知道如何以其他方式显示它。

https://www.youtube.com/watch?v=y6j_mVgv-NM

有人可以向我解释这是如何完成的吗?我想要这个用于我的应用程序。

0 投票
2 回答
1619 浏览

javascript - 变形几何 - Three.Js

所以我有这段代码将生成用户所需的尺寸并将其显示在自定义的new THREE.Geometry(). 这对你们大多数人来说可能是一个离题的话题。但是,嘿,我只是 Three.js 的新手

我的问题是:

  • 我找不到插入geometry.morphTargets. 或者简单地说,我不知道如何正确使用它

所以这是我的代码:

0 投票
1 回答
265 浏览

javascript - 使用 JSON 加载器变形顶点时出错

我读过其他关于变形顶点的文章,尤其是我的另一篇文章。然后我想出了这段代码,但仍然有错误,我找不到当前问题的答案。

我已经在 https://github.com/mrdoob/three.js/blob/master/src/loaders/JSONLoader.js上阅读了这个示例并使用了那里的代码。然而仍有一些问题,我什至不知道问题是什么。

代码:

0 投票
2 回答
3004 浏览

c++ - OpenGL (C++) 中的毛刺面部变形目标动画

我一直在尝试使用面部混合形状在 OpenGL 中实现变形目标动画,但遵循教程。动画的顶点着色器看起来像这样:

虽然变形目标动画的算法有效,但我在最终计算的混合形状上丢失了面。动画有点像follow gif。

变形目标面部动画

混合形状是从称为 FaceShift 的无标记面部动画软件导出的。

而且,该算法在一个正常的长方体上完美地工作,它在 Blender 中创建了扭曲的混合形状:

Cube Twist Morph 目标动画

我用于面部动画的混合形状会不会有问题?或者我在顶点着色器中做错了什么?

-------------------------------------------------- - - - - - - 更新 - - - - - - - - - - - - - - - - - - - ---------------------

因此,按照建议,我对顶点着色器进行了所需的更改,并制作了一个新动画,但我仍然得到相同的结果。

这是更新的顶点着色器代码:

另外,我的片段着色器看起来像这样。(与之前相比,我只是添加了新的材质设置)

最后是我从更新代码中得到的动画:

更新了变形动画

如您所见,我在变形目标动画中仍然缺少一些三角形/面。有关该问题的任何更多建议/评论将非常有帮助。再次提前感谢。:)

更新:

所以按照建议,如果dot(vSmile_R, nSmile_R) < 0得到以下图像结果,我翻转了法线。

此外,我没有从 obj 文件中获取法线,而是尝试计算自己的(面和顶点法线),但仍然得到相同的结果。

在此处输入图像描述

0 投票
1 回答
2292 浏览

c++ - Opencv人脸变形

我正在寻找一种解决方案,以便将给定的脸变形为另一个。我的交易是完美匹配他们的特征空间,以便进行更好的人脸识别。

SIFT/SURF 对我没有帮助,我尝试过从地标进行薄板样条处理,但生成的脸太变形(也许我需要更多点)。

我想获得类似的解决方案,有人知道获得这些积分的方法吗?

0 投票
1 回答
1196 浏览

ios - 使用 CoreAnimation 变形

我正在创建一个导航按钮。当用户按下它时,按钮的图像应该改变,反映它的状态(例如菜单打开/关闭)。我决定为此做一个变形动画。可以用 CoreAnimation 实现吗?我需要使用什么动画类型?
我附上了图片以清楚地说明我想要什么。此外,您可能会在“Pimp My Ride”节目中看到这些动画。
变形样本

0 投票
1 回答
1191 浏览

animation - three.js 动画:Skeleton/Skinning vs Morph

因此,在对变形和骨骼动画(从 Blender 导出)进行了一些试验后,我发现骨骼文件比变形文件小了近 10 倍。看起来显然骨骼是更好的选择,但我想知道使用它是否有缺点。

具体来说,我怀疑动画骨架而不是变形需要更多的处理。什么时候比另一个更好?如果我为 100 个模型制作动画而不是一个模型,这有关系吗?如果 skeletal 确实需要更多处理,并且我在线托管应用程序,那么带宽的减少(由于文件大小较小)是否值得在运行时进行额外的处理?

感谢您的任何意见。

0 投票
1 回答
224 浏览

delphi - 形状变化的斑点

好的,我不太确定这是否是我可以在这里问的问题,所以无需击落我。告诉我,我会删除问题:)

我有这样的想法,即使用触摸屏制作自己的时钟并自己编程。
在考虑这一点时,我想到了所有这些不同的样式来显示当前时间。

在我想出的所有样式中,我觉得最有趣的是一个显示时间的时钟罗夏样式。不仅是随意涂抹并猜测现在是几点,而且更像是守望者中的罗夏。

他有一个带有不断变化形状的墨迹的面具(如果你问我真的很酷)。所以我想到的是根据它所代表的数字改变形状的墨迹。
当时间改变时 12:49:58 -> 12:49:59,第二个数字将从 8 -> 9 转换。

所以现在回到最初的问题:
在尝试让这种类型的时钟运行之前,我想尝试给一个 blob 一个特定的形状并让它变成另一种形状。
我在谷歌上搜索,但没有任何运气,所以我希望这里有人可以为我指出正确的方向来制作随机斑点并将其转换为动画中的另一种形状。

例如:绘制正方形 -> 动画为圆形

欢迎任何提示和技巧:)