ios - Cocos2d - iPhone eclipse 效果

Question

我有一个关于实现类似 eclipse 效果的问题。效果应该类似于此 gif 的前几秒。所以就像一个黑色的影子越过圆圈。理想的情况是一个函数，我可以在其中传递一个百分比参数，以获得这个数量作为圆圈上的阴影:

我面临的问题是我的背景是渐变的。所以不可能有一个在月球上移动的黑色圆圈来获得效果。

我用 CCClippingNode 做了一些尝试，但它看起来不太好。此外，边缘的剪辑总是有点像素化。

我考虑过使用 GLSL 着色器之类的东西来实现这种效果，但我对 GLSL 不太熟悉，而且找不到示例。

此效果适用于为 iPhone 开发的应用游戏。我使用第 3 版(当前版本)中的 cocos2d 框架。

有人知道如何获得这种效果吗？我可以从哪里开始搜索？

提前致谢

Answer 1

physics behind很简单，你改变照在月亮上的光。所以

1. 我会创建一个表示光照条件的 1D 渐变纹理

   

2. 计算月亮的每个渲染像素

   你显然有月亮的二维纹理。因此，您现在需要获取一维光照纹理中每个像素的位置。因此，如果月亮完全可见，那么您就是在阳光下。当部分黯淡时，你就在本影区。最后，当日全食时，您处于半影区域。所以只需计算月亮位置的中点。其余的使用在卫星运动方向上的相对位置。

   

   现在只需将月球表面与光照纹理相乘并渲染输出即可。

3. 工作时可以添加曲率校正

   现在您得到的是线性切割的月相，但实际月相是弯曲的，因为光照条件也因与运动方向和卫星中心的径向距离不同而不同。要解决此问题，您可以这样做

   • 将光照转换为二维纹理
   • 或根据径向距离将纹理坐标移动一些曲率