phaser-framework - 如何将剪辑矩形应用于组或类似的东西?

标签 phaser-framework

我有一个包含 6 张图像的 Phaser.group,该组的高度为 600 像素,但我只希望前 3 张图像看起来高度约为 300 像素,以便对图像产生插槽类型效果。

我尝试过使用带 mask 的 .crop 的不同选项,但我找到了最佳解决方案。

我如何制作一个 clipRect?

谢谢

最佳答案

最后我找到了一个解决方案,我对矩形的位置有问题,这里有:

var maskGraphics = this.game.add.graphics(0,0);
maskGraphics.beginFill(200, 100, 0 , 0);
maskGraphics.drawRect(x , y, width,height); 
maskGraphics.endFill();

this.mask = maskGraphics

您必须创建一个图像并给它一个 alpha 0,指定您希望它具有可见性的大小。

将该图像作为蒙版添加到您想要的对象,在我的例子中它是一个组,但可以是另一个图像或其他对象。

正确使用移相器 v2.0.6

关于phaser-framework - 如何将剪辑矩形应用于组或类似的东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25719327/

相关文章:

javascript - Phaser 3 中无法加载图像

javascript - Phaser 无法检测碰撞

javascript - Phaser js php 排行榜

javascript - 带有 addEventListener 的移相器

javascript - 如何在 Phaser 中进行文本输入?

javascript - 移相器 3 : Why are there no images showing?

javascript - 如何在phaser.js中获取加载的图像属性?

javascript - 移相器 3 : load spritesheet for animation with unequal dimensions

javascript - 移相器 : Key Down + Collision Kill

JavaScript 游戏可切换 Sprite