问题标签 [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.
ios - 动画一个旋转的精灵环
我想为 iOS 做一个应用程序,我在 cocos2d 方面有一些专业知识。我搜索了很多,但我发现的只是使用 webkit 的这个动画的 CSS 实现,除了 C、Objective C、VHDL 之外,我不知道任何其他语言。
1-如何在 cocos2d 或任何其他 FrameWork 上制作此动画。
2-我怎样才能让它互动(触摸)。
我可以使它具有交互性,但我需要有关如何制作此动画的指针。我的想法是手动缩放和移动每个精灵并更改不透明度,以创建此效果,但这将花费很多时间。
这是动画的链接
https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html
three.js - Three.js - 变形几何和细化三角形网格
我正在尝试使用 Three.js 将一种几何图形变形为另一种几何图形。这是我到目前为止所做的(参见http://stemkoski.github.io/Three.js/Morph-Geometries.html以获取实时示例)。
我正在尝试从一个小多面体变形为一个更大的立方体(三角化并以原点为中心)。动画是通过着色器完成的。较小多面体上的每个顶点都有两个相关属性,即其最终位置和最终 UV 坐标。为了计算每个顶点的最终位置,我从原点通过较小多面体的每个顶点进行光线投射,并找到与较大立方体的交点。为了计算最终的 UV 值,我使用了重心坐标和较大立方体相交面顶点处的 UV 值。
这导致了一个不可怕但不是很好的第一次尝试。由于(通常)较大立方体的任何顶点都不是较小多面体的任何顶点的最终位置,因此立方体表面的大块缺失。所以接下来我通过添加更多顶点来细化较小的多面体,如下所示:对于较大立方体的每个顶点,我将光线投射到原点,并且每条光线与较小多面体的一个面相交,我删除了那个三角形面并添加了点交叉点和三个较小的面来替换它。现在变形更好了(这是上面链接的实时示例),但变形仍然没有填满立方体的整个体积。
我最好的猜测是,除了将较大立方体的顶点投影到较小的多面体上之外,我还需要投影边——如果 A 和 B 是由较大立方体上的边连接的顶点,那么这些顶点的投影在较小的多面体上也应该通过边连接。但是,当然,投影边缘可能会跨越较小多面体的网格中的多个预先存在的三角形,需要添加多个新顶点,重新三角化等。看来我真正需要的是一种算法计算两个三角形网格的共同细化。有谁知道如上所述的变形(在具有不同三角化的两个网格之间)的这种算法和/或示例(带有代码)?
3d - 网格之间的插值
我有三个面部网格(人 A 中性脸和表情脸和人 B 中性脸)。我正在尝试使用这种简单的变换方法创建一个新的面部网格 *y'_i = y_i + x'_i – x_i* 其中
*y_i* 是人 B 中性面顶点
*x'_i* 是人 A 表情面顶点*x_i* 是人
B 表情的面顶点。
要做到这一点,顶点应该是对应的。例如,人 B 的左眼角对应于人 A 的左眼角。我还有每张脸的 26 个标志点的 x、y、z 坐标。如何在两个网格之间建立这种对应关系?
actionscript - actionscript 3.0 - 在 x 帧数中将计数器从 a 增加到 b
我试图找出一种方法,让数字在“x”帧数中流畅地从“a”变为“b”。
本质上,我有一堆箭头仪表,我将根据“模拟”中发生的情况进行动画增加或减少。除了这些箭头,我还有一个数字输出来指示精确值。
我最初的计划是让箭头在补间上旋转,并在同一时间范围内同时将数字从 700 更改为 750。无需手动更改单独符号中的数字并使其与箭头同时运行,是否有代码可以执行此操作?
所以只是为了澄清;一旦我决定改变将发生多少帧,我想让我的数字从 x 变为 y。
actionscript-3 - 使用 as3 代码移动 SWF 形状点
我有 SWF 矢量形状,如何访问该形状的控制点?我想用 as3 代码移动这个形状的一些点。使用 flash 专业 CS5 创建的 SWF,在 flash 中开发代码。
在 CS5 中创建一些 Sprite 并使用 as3 移动它们的其他方法,但是如何将它们与形状控制点联系起来?
javascript - Morph Targets Three.js
I'm trying to get started with morph targets and three.js. However, there doesn't seem to be much documentation on this subject.
As I'm looking at the source code:
morphTargetInfluences[]
seems to be the magic...how does this work? How do I use this? Is a value of 1 full strength? How can I differentiate between different morph targets on the same model? I'm just trying to understand:
Thanks in advance
android - 如何在android中使用jhlabs图像库的Warp过滤器
我想在我的 android 应用程序中使用WarpFilter
。jhlabs
为此,我使用了 jhlabs 提供的 jar,但其中没有 WarpFilter 类的定义。我引用了 WarpFilter和这个链接。我试图通过在我的应用程序中复制它来使用该类。但问题是,它使用了一些 android sdk 不支持的类。我还引用了谷歌代码链接,但它也没有提供任何实现。请任何人都可以建议我一些解决方案?有没有其他提供扭曲图像功能的库/jar?请帮我解决这个问题。
谢谢。
java - 我将如何使用 imagemagick 库进行处理?
我想将imagemagick 库(更具体地说:其中的shepards 失真部分)与processing.org一起使用。有谁知道这是怎么做到的吗?或者如果那不可能,有没有人知道另一个可以做这种失真的库?
image - 使用 Delaunay 三角剖分进行图像变形
我正在开发一种简单的算法来使用关键点和 delaunay 三角剖分来变形两个图像。这个想法应该很简单:
- 选择源代码控制点
- 选择目的地控制点
- 获取源帧和目标帧的 delaunay 三角剖分
- 对于源图像中的每个像素
- 获取与像素所在的源三角形相关的像素重心坐标
- 获取与像素所在的目标三角形相关的像素重心坐标
- 使用关系 Px = w1*v0x + w2*v1x + w3*v2x(y 和目标像素相同)分配 OUT[PdestX,PdestY] = IN[Px,Py]。
但它不起作用 X_X 这是我的 matlab 源代码:
这些是用于获取控制点的实用函数
和这个函数(我在网上找到的),测试一个点是否位于给定的三角形上,并返回 u,v,w 值:
有什么建议吗?再见!
image-processing - 如何按像素组重新排列图像
我想创建一个图像转换程序。它应该根据某些标准(例如颜色和形状)将像素区域从一个图像转移到另一个图像。
为此,我需要能够分析图像、将其分成组并转移这些组。
- 第一个问题已经从确定像素组开始。不应随意选择它们或完美的多边形/形状。有谁知道可以区分不同纹理/环境/边界的算法?
- 接下来,我需要对这些区域进行微调,以使其适合新图像。然后这些区域将被移动。这不会像第一个问题那么难。
性能并不重要。首先我必须让程序正常工作。预先加载过渡或其他任何内容可能需要一个小时;)
谁能给我一些建议从哪里开始或我可以使用哪些技术/API?我对大多数编程语言都很好,最好是 C#、VB、JavaScript、PHP、Java 等。平台也不重要。
我知道,这很复杂,但我尽力解释它。有任何想法吗?