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)）或代表你命中区域的圆圈 将它们添加到您的命中区域容器

现在我的回答是一种抽象的方法。我只是猜测什么可以帮助你开始你的项目。尝试找出一些基础知识并再次寻求帮助。如果您可以提供一些代码块，那么帮助更容易！ ：）