Pixi js:识别图像上的物体

Question

我想用pixi js创建类似卡尔卡松的游戏。每个图块都是一个单独的图像，我需要识别此图像上的一些对象，例如道路，城镇等。是否可以为此目的使用pixi？如果是，我需要使用什么方法？我用谷歌搜索了一下，但找不到任何有用的东西。

Answer 1

首先：当然你可以使用pixi.js来实现这个目的。但您应该记住，pixi 不是游戏引擎。它只是一个渲染器，所以你必须自己做很多计算，比如碰撞和定位你的游戏。

一种可能的方法（我敢肯定还有很多其他方法可以做到这一点）：

1. 您应该预加载所有图像
2. 创建容器：var myContainer = new PIXI.Container();
3. 为图像创建纹理：var texture = new PIXI.Texture(yourImageStoringObject)
4. 将纹理添加到容器：myContainer.addChild(texture);
5. 创建一个额外的容器来容纳您的受灾区域（道路、城镇）等），然后再次将此容器添加到主容器中。
6. 创建一些 pixi 几何图形，如矩形 （ new PIXI.Rectangle(x,y,w,h) ） 或代表您命中区域的圆圈和将它们添加到命中区域容器

现在我的回答是一种抽象的方法。我只是猜测什么可以帮助你开始你的项目。尝试弄清楚一些基础知识并再次寻求帮助。如果你能提供一些代码块，那么帮助就会容易得多！:)