使用spritekit创建霓虹色的形状

时间:2014-03-09 02:45:32

标签: sprite-kit skshapenode

您如何创建逼真的霓虹色SKShapeNode?我最好的尝试涉及多个重叠形状节点,使用连续较少的glowWidth和增加strokeColor亮度。

这可以达到这样的目的......

enter image description here

这个解决方案令人满意,但它的性能要低于预期,我可以通过将SKShapeNodes渲染为SKTextures并使用SKSpriteNode来缓解这种情况。

我相信通常这种效果是使用bloom效果实现的,我从其他环境看到的例子看起来在视觉上更优越,无论如何在SpriteKit中使用或模拟绽放品质的霓虹灯效果?

更新

使用类似于theis所建议的方法,我能够获得更有活力的效果。

enter image description here

1 个答案:

答案 0 :(得分:2)

首先警告:请注意SKShapeNode有一些内存泄漏。

为了达到漂亮的绽放效果,我会用相同的光晕在彼此的顶部做两个shapenodes。然后我会将每个的blendMode设置为添加剂。然后我会让第二个节点在第一个节点之后懒洋洋地跟踪。您可以通过继承SKShapeNode并覆盖“setPosition:”来实现此目的。然后只是将子SKShapeNode偏移新旧的增量和旧位置的时间乘以某个因子,这会让你跟踪。

霓虹灯效果与视网膜的后效有很大关系。因此,为了使它看起来霓虹色,你通常会做一些拖尾效果。您无法直接访问spritekit中的着色器,因此必须以某种方式手动执行。