变换整个 Cocos2d 层以模拟 X 射线外观

Question

我正在使用 Cocos2d 构建 iPad 应用程序。

我想将整个图层（及其所有子精灵）转换为看起来有点像 X 射线的东西。也就是说，黑白图像，白色有点发光。

我希望你们中的一个图形人员有一个或两个想法。 :-)

Answer 1

以下是我如何实现一个动态解决方案，该解决方案只是有点 X 射线（我认为它实际上更接近图像的反转）。我无法预处理图像，因为我必须根据游戏层的当前状态创建奇怪的图像。

这一切都是使用 Cocos2d 完成的：

1. 我为我的场景创建了两个图层。一层是主要游戏层，另一层是效果层。主游戏层是 CCLayer 的子类。效果图层是 CCColorLayer 的子类。

2. 效果层的 z 顺序高于主游戏层，即效果层位于游戏层之上。

3. 然后，我使用两种不同的混合模式将外观从正常更改为 X 射线。

小代码

@implementation EffectLayer

- (id) init
{ 
    self = [super init];

    if (self != nil)
    {
        self.isTouchEnabled = YES;
        self.color = ccc3(255, 255, 255);
        self.opacity = 0.8;
        [self goNormal];
    }

    return self;
}

- (void) goWeird
{
    [self setBlendFunc:(ccBlendFunc){GL_ONE_MINUS_DST_COLOR, GL_ZERO}];    
}

- (void) goNormal
{
    [self setBlendFunc:(ccBlendFunc){CC_BLEND_SRC, CC_BLEND_DST}];        
}

Answer 2

在考虑 RGB 图像 A 时，我想到了这一点。

• 将 A 转换为 8 位灰度
• 应用滤镜来增强 A 的边缘 (*)
• 用淡蓝色替换白色
• 应用发光效果或平滑滤镜

（我已经使用它进行了测试） ImageJ 它可以是一种方式，即使是一种糟糕的方式，也决不会显示出骨骼效应）

（*）您还可以在卷积中使用微分矩阵（例如 Sobel 的） 由于我不是图形设计师，我最好发布

我所做的示例，以节省您的时间：

（似乎缩略图不可“点击”）
这些是单一链接：

• 普通图像
• 灰度
• 检测到边缘