静态图像上的动画/移动效果

Question

我正在尝试在用户指导方向上实现静态图像的动画效果，就像这样：

原始图像

期望结果

为此，我尝试了CIBumpDistortionLinearCIFilter。它可以产生动画效果，但是动画效果与期望的并不完全一样。

let bumpDistortionLinearParams: [String: AnyObject] = [
    kCIInputImageKey: coreImage!,
    "inputCenter" : CIVector(string: coordStr),
    "inputRadius": 300.0 as AnyObject,
    "inputAngle" : 90.0 as AnyObject,
    "inputScale" : 0.1 as AnyObject
]

let bumpDistortionLinear = CIFilter(name: "CIBumpDistortionLinear", parameters: bumpDistortionLinearParams)

- MobileGeek

---

通过在图像上创建着色器，使用MetalKit可以实现吗？这个问题对您来说解决了吗？ - A J

使用Metal Kit是可能的。我正在寻找类似的着色器效果，其中所选绘制区域不会动画（类似于plotaverse中的遮罩）。有什么想法吗？ - A J

Answer 1

你可以使用SpriteKit和SKTexture / SKTextureAtlas。
小例子：
https://www.raywenderlich.com/144-spritekit-animations-and-texture-atlases-in-swift 更新：
如果需要动态动画，您可以基于Metal制作解决方案
示例：
https://github.com/KrisYu/Water
Metal教程：
http://metalkit.org/

- Eysner

---

我需要在任何用户捕获的照片上动态实现它。SKTexture能帮助吗？如果可以的话，您能提供任何示例或代码参考吗？ - MobileGeek

@Arvind 如果你需要动态动画，可以使用Metal。这可能会有所帮助：https://github.com/KrisYu/Water。SKTexture无法做到这一点（或者我不知道如何做）。 - Eysner

@Eysner：我正在寻找在不同图像上类似的动画效果。这并不完全是水的效果。动画将按照用户指导的方向进行。您可以在https://plotaverse.com上尝试以获得更好的理解。 - A J