如何创建2D“粘性” /“粘性”分离效果?


11

我想创建一个类似于此动画的效果,其中两个形状会随着时间的流逝而分开,但是(通过一次)通过拉伸并最终断裂的粘胶连接在一起(一次)。像披萨奶酪,但特别是二维。

仍来自所需的动画效果。

我正在使用Swift和SpriteKit。我认为这可能涉及关键帧贝塞尔曲线动画,但是我不确定。我怎样才能达到这种效果?


6
@Katu对我来说,这比典型的“如何入门”问题更具体-有一个明确的示例,说明最终的目标效果。一位相关专家可以建议实现此效果的技术,而无需从头开始解释所有内容,这似乎是合理的。NSologistic会有所帮助的是,如果您可以描述到目前为止已经完成的更多工作,以便人们回答就可以从哪里开始。我认为您的原始标题给人的印象是,我们必须从基本原理上解释动画。;)
DMGregory


3
仅仅因为一个问题中包含“我不知道从哪里开始”一词,并不能使该问题脱离主题。

4
也许某种metaball类型的方法可能是一个开始?
Benzi

1
粘胶世界也有类似的拉伸效果。据我所记得,他们只是拉伸和倾斜了一个精灵,简单但又好看的解决方案。不幸的是,尽管花了10分钟的搜索时间,我还是找不到这篇文章。
Maxim Kamalov

Answers:


1

使用简单2D转换的一种方法是让多个精灵创建每条链,这似乎就像您的示例所做的那样。使用不同的颜色,可能看起来像这样:

在此处输入图片说明

随着比萨饼的拉伸,使绞线(黄色)和连接器(蓝色)变薄:

在此处输入图片说明

这样做的好处是,您可以单独对股线进行动画处理,使其变细和折断。

还有其他方法也可以使用,例如使用可拉伸的单个带纹理的Sprite伪造它,或使用传统的逐帧动画伪造它。这取决于您要完成多少工作,以及要达到的现实程度和适应性。


0

您可以尝试在子画面上创建几个附着点,并在要粘贴的两个点之间定义一条线,并沿该线创建几个附着点,然后将这些点与类似杠铃的子画面连接起来。


尽管我同意您的观点,有时人们会投票决定关闭太多,但您可能会花费更多的时间来开发问题的答案,而不是抱怨该站点-考虑到此特定空间旨在回答问题,并且您似乎有一个想法。但是,您的想法几乎无法理解。尝试编辑答案,进一步详细说明您似乎拥有的想法。
MAnd

3
我修改了您的答案,使其符合网站指南的要求。如果您想讨论有关网站的政策,我们非常欢迎您获得一些声望点,并在Game Development Meta上进行讨论,这里的讨论更为受欢迎。
Vaillancourt
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.