【问题标题】:Pixi js: recognize objects on imagePixi js:识别图像上的对象
【发布时间】:2016-06-30 13:46:58
【问题描述】:

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

【问题讨论】:

  • 所以你基本上是在构建一个回合制策略游戏。我实际上正在为回合制策略游戏构建一个引擎:ttps://github.com/Hachitus/FlaTWorld,但它还处于相当不稳定的阶段并且正在开发中。您可以在此处查看测试地图:warmapengine.level7.fi/tests/manualStressTest.html(接受连接,因为它是 https 并且没有安装“有效”证书)只需按下启动即可查看。还有其他实现,在这个阶段更适合你。我建议至少查看 PIXI 论坛:html5gamedevs.com/forum/15-pixijs
  • 另外,Ivan poelyshev 在 PIXI 中完成了一些平铺地图:github.com/ivanpopelyshev,这些可能更适合您的项目。如果它更适合您,您还可以检查移相器(phaser.io)。虽然我不认为普通的网络引擎可以提供很多关于回合制策略的有用的东西,这也是我实现自己的引擎的原因。

标签: pixi.js


【解决方案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)) 或代表您击中区域的圆圈和 将它们添加到您的命中区域容器中

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

【讨论】:

  • “它只是一个渲染器,” - 是的,现在我使用 Phaserjs。我的第一个选择是使用此页面html5gameengine.com
猜你喜欢
  • 2018-12-18
  • 2017-12-14
  • 1970-01-01
  • 2012-10-02
  • 2018-06-09
  • 2018-11-19
  • 2016-07-12
  • 1970-01-01
  • 2011-10-23
相关资源
最近更新 更多