如何解决在 Phaser 3 中设置快照的位置
我正在使用 this Phaser 3 example,我需要在预定义的位置显示快照。目前,每个快照都显示在带有 document.body.appendChild(image);
我尝试了 this.add.sprite(0,image).setorigin(0.5,0);
但它返回一个错误:
代码:
this.input.on('pointerdown',function (pointer) {
var textureManager = this.textures;
this.game.renderer.snapshotArea(pointer.x,pointer.y,128,function (image)
{
document.body.appendChild(image);
if (textureManager.exists('area'))
{
textureManager.remove('area');
}
textureManager.addImage('area',image);
particles.setTexture('area');
});
},this);
解决方法
我留下了在正文末尾附加图像的部分,但可以根据需要随意编辑。
var snapshot
var lastpointer = {x: 100,y: 100}
this.input.on('pointerdown',(pointer) => {
var textureManager = this.textures;
this.game.renderer.snapshotArea(pointer.x,pointer.y,128,(image) => {
lastpointer.x = pointer.x
lastpointer.y = pointer.y
document.body.appendChild(image);
if (textureManager.exists('area'))
{
textureManager.remove('area');
}
textureManager.addImage('area',image);
particles.setTexture('area');
// Add the snapshot to the texture cache
if (textureManager.exists('snapshot'))
{
textureManager.remove('snapshot');
snapshot.destroy();
snapshot = null;
}
textureManager.addBase64('snapshot',image.src);
});
},this);
// When the snapshot is actually loaded,add it to the pointer coordinates (or simply fixed ones)
this.textures.on('addtexture',function (texture) {
if('snapshot' === texture) {
snapshot = this.add.image(lastpointer.x,lastpointer.y,'snapshot');
}
},this);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。