k8w.io
Pixi.js、Flash的碰撞检测与HTML的区别
2018-02-01作者:k8w

Flash-like的2D渲染引擎(例如Pixi.js等),在碰撞检测方面,与HTML5有所不同。

碰撞检测算法的区别

  • HTML是按Box去检测,只要点击在Box内就算。
  • Pixi.js是跟Flash一样,点中children才算,点到Box内的空白区域不算。

例子

一个空白Container,里面有A、B两个Child。
此时,鼠标点击Container内部区域。

HTML

  • 只要点击位于Container的矩形内,即触发Container的点击事件。

Pixi.js

  • 仅点击位于A、B的矩形内,才触发Container的点击事件。
  • 点击到Container内部的白色区域,不触发Container的点击事件。
(正文完)
留言(0条)
发表新留言
您的大名:
必填
电子邮箱:
不公开,仅用于向你发送回复