如何清除 Phaser 3 中的透明像素?

How to clear transparent pixels in Phaser 3?

我尝试使用带选项的 TexturePacker 删除它们:"Clear transparent pixels" 但是删除了部分精灵。这就是发生的事情:

之后,我在Aseprite中恢复了删除的部分。但是透明像素又出现了。还尝试使用魔杖工具删除精灵周围的所有内容。

如何避免 WebGL 上的纹理渗色问题。

Tile Extruder 是一个基于节点的 CLI 应用程序,它会自动为 WebGL 修复 tileset 图像,因此它们不再在瓷砖在两侧连接处出现边缘渗色。它很容易构建到您的工作流程中,并包含示例代码,展示了如何在 Phaser 3 中使用挤压图块。

tile-extruder --tileWidth 32 --tileHeight 32 --input ./tile_jungle_ground_brown.png --output ./tile_jungle_ground_brown-extruded.png

注意:由于挤压,您必须调整边距和间距。如果你没有边距和间距,那么新的边距是 1px,间距是 2px。