今天学习phaser3如何添加光源
源码解读: this.lights.enable(); this.lights.setAmbientColor(0x808080); var spotlight = this.lights.addLight(100, 100, 180).setIntensity(6); setIntensity(6) 实列: var config = {
type: Phaser.WEBGL,
parent: 'phaser-example',
width: 800,
height: 600,
scene: {
preload: preload,
create: create,
update: update
}
};
var game = new Phaser.Game(config);
var tilesprite;
function preload ()
{
this.load.image('brick', ['assets/normal-maps/brick.jpg', 'assets/normal-maps/brick_n.png']);
}
function create ()
{
tilesprite = this.add.tileSprite(400, 300, 800, 600, 'brick').setPipeline('Light2D');
this.lights.enable();
this.lights.setAmbientColor(0x808080);
var spotlight = this.lights.addLight(100, 100, 180).setIntensity(6);
this.input.on('pointermove', function (pointer) {
spotlight.x = pointer.x;
spotlight.y = pointer.y;
});
var i = 0;
this.input.on('pointerdown', (pointer) => {
if (i === 1) {
//this.lights.enable();
this.lights.active = true;
i = 0;
} else {
//this.lights.disable();
this.lights.active = false;
i = 1;
}
});
}
function update ()
{
tilesprite.tilePositionX += 0.3;
tilesprite.tilePositionY += 0.6;
}
var config = { type: Phaser.WEBGL, parent: 'phaser-example', width: 800, height: 600, scene: { preload: preload, create: create, update: update } }; var game = new Phaser.Game(config); var tilesprite; function preload () { this.load.image('brick', ['assets/normal-maps/brick.jpg', 'assets/normal-maps/brick_n.png']); } function create () { tilesprite = this.add.tileSprite(400, 300, 800, 600, 'brick').setPipeline('Light2D'); this.lights.enable(); this.lights.setAmbientColor(0x808080); var spotlight = this.lights.addLight(100, 100, 180).setIntensity(6); this.input.on('pointermove', function (pointer) { spotlight.x = pointer.x; spotlight.y = pointer.y; }); var i = 0; this.input.on('pointerdown', (pointer) => { if (i === 1) { //this.lights.enable(); this.lights.active = true; i = 0; } else { //this.lights.disable(); this.lights.active = false; i = 1; } }); } function update () { tilesprite.tilePositionX += 0.3; tilesprite.tilePositionY += 0.6; }
以上就是phaser3光源设置,感谢支持 zixuephp测试数据
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did31405