在Phaser3.6中，怎么给游戏设置一个全局背景图片

在Phaser3.6中，可以通过以下代码给游戏设置一个全局背景图片：

this.add.image(0, 0, 'background').setOrigin(0);

其中，`background`是你需要设置的背景图片资源的名称。这段代码将在游戏场景的左上角添加一个图片，该图片的左上角与游戏场景的左上角重合，图片会自动填充整个游戏场景。

相关问题

Phaser3.6中矩形设置setShadow报错

在Phaser 3.6中，矩形没有直接提供`setShadow()`函数进行设置阴影，您需要在创建矩形时设置阴影属性。例如：

var rect = this.add.rectangle(x, y, width, height, color);
rect.setShadow(2, 2, 'rgba(0,0,0,0.5)', 0);

在这里，我们通过`this.add.rectangle()`创建一个矩形对象，并在传递参数时设置阴影的各个属性值。`setShadow()`函数的参数在这里分别对应阴影的偏移量、颜色和模糊半径。

Phaser3.6版本给矩形或者是图片设置好看的阴影高亮效果

您可以使用Phaser 3.6版本的`Phaser.GameObjects.Shader`对象为矩形或图片添加自定义的阴影和高亮效果。具体步骤如下：

1. 创建一个Shader对象并添加到场景中：

var customShader = this.add.shader('CustomShader', x, y, width, height);

2. 在创建Shader对象时，您需要指定一个自定义的着色器程序，可以使用Phaser的着色器语言编写。例如：

var CustomShader = new Phaser.Class({

    Extends: Phaser.Renderer.WebGL.Pipelines.TextureTintPipeline,

    initialize:

    function CustomShader (game)
    {
        Phaser.Renderer.WebGL.Pipelines.TextureTintPipeline.call(this, {
            game: game,
            renderer: game.renderer,
            fragShader: `
precision mediump float;

uniform sampler2D uMainSampler;
varying vec2 outTexCoord;
uniform vec2 resolution;
uniform float time;

void main( void ) {

    vec2 p = ( gl_FragCoord.xy / resolution.xy ) ;
    float sx = 0.5 + 0.5 * sin( 100.0 * p.x - 1.0 * time );
    float sy = 0.5 + 0.5 * sin( 400.0 * p.y - 2.0 * time );
    vec4 texColor = texture2D( uMainSampler, outTexCoord );
    gl_FragColor = vec4( vec3( sx * sy ), texColor.a );

}`
        });
    }
});

在这里，我们定义了一个名为`CustomShader`的着色器程序，该程序在矩形或图片上创建了一种动态的高亮和阴影效果。

3. 设置Shader对象的属性，包括阴影、高亮、透明度等：

customShader.setFloat2('resolution', customShader.width, customShader.height);
customShader.setFloat1('time', 0);
customShader.setFloat1('alpha', 0.5);

在这里，我们设置了Shader对象的分辨率、时间、透明度等属性。

4. 将矩形或图片对象与Shader对象关联：

rect.setPipeline('CustomShader');

在这里，我们将矩形对象`rect`与Shader对象`customShader`关联，使它们共同呈现出高亮和阴影效果。

综上所述，您可以通过使用Phaser 3.6版本的Shader对象来为矩形或图片添加自定义的阴影和高亮效果。