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

Question

我尝试使用TexturePacker将其删除，并带有以下选项：“清除透明像素”，但删除了部分精灵。这就是发生的事情：

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

Answer 1

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

Tile Extruder是一个基于节点的CLI应用程序，可自动修复WebGL的tileet图像，因此它们在侧面连接处不再有边缘出血。它很容易内置到您的工作流中，并且包含示例代码，该示例代码显示了如何在Phaser 3中使用拉伸的图块。

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

注意：由于挤压，您必须调整边距和间距。如果没有边距和间距，则新边距为1px，间距为2px。