Javascript 如何在phaserjs中使用混合

Javascript 如何在phaserjs中使用混合,javascript,phaser-framework,Javascript,Phaser Framework,我已经搜索了整个文档,事实上我是下载并手动搜索的。我所发现的只是一个过滤器方法,它允许你使用你必须编写的webgl着色器 我想要的是一种混合,就像你们在photoshop中看到的图层混合等 在互联网上,我找到了一些小精灵的例子,并讨论了半年前在未来支持它的问题。因此,请一直关注phaserjs并了解filter/blendMode的任何人告诉我。新Phaser 2.0为Sprite对象引入了blendMode属性。还有一个PIXI枚举用于识别: PIXI.blendModes = { N

我已经搜索了整个文档,事实上我是下载并手动搜索的。我所发现的只是一个过滤器方法,它允许你使用你必须编写的webgl着色器

我想要的是一种混合,就像你们在photoshop中看到的图层混合等


在互联网上,我找到了一些小精灵的例子,并讨论了半年前在未来支持它的问题。因此,请一直关注phaserjs并了解filter/blendMode的任何人告诉我。

新Phaser 2.0为Sprite对象引入了
blendMode
属性。还有一个PIXI枚举用于识别:

PIXI.blendModes = {
    NORMAL:0,
    ADD:1,
    MULTIPLY:2,
    SCREEN:3,
    OVERLAY:4,
    DARKEN:5,
    LIGHTEN:6,
    COLOR_DODGE:7,
    COLOR_BURN:8,
    HARD_LIGHT:9,
    SOFT_LIGHT:10,
    DIFFERENCE:11,
    EXCLUSION:12,
    HUE:13,
    SATURATION:14,
    COLOR:15,
    LUMINOSITY:16
};
所以,你可以简单地写

sprite.blendMode = PIXI.blendModes.ADD;

在这里。

您可以简单地使用:

spriteName.blendMode =  PIXI.blendModes.TypeOfBlendMode;  
其中:

精灵名称是精灵的名称(比如玩家/敌人)和 TypeOfBlendMode是要使用的混合类型(可以是以下类型之一): 正常、添加、倍增、屏幕、叠加、变暗、变亮、颜色减淡、颜色燃烧、硬光、软光、差异、排除、色调、饱和度、颜色、亮度)

示例:假设精灵名为player,我想将混合模式设置为乘法,然后我会写:

player.blendMode = PIXI.blendModes.MULTIPLY;

你能给我一个文档链接吗?如果我只写:
sprite.blendMode=4
你可以在PIXI文档()上找到它。据我所知,Phaser文档尚未更新,因此没有描述混合模式。无论如何,链接不会提供比我发布的更多的信息。搜索来源还表明,在画布模式下,PIXI只能使用普通和添加。我可以选择受混合影响的内容吗…就像我不希望某些元素产生任何效果(bg和其他一些交互内容),但它必须在其背后。基本上,我要求基于它的两种不同制作。所以,若它是bg对象,那个么并没有遮罩,只是雪碧的基色,但若它的对象像房子,那个么它需要混合