刚开始做小游戏，基于官方小游戏生成的demo做的，问下在canvas上判断点击的是哪个对象，只能基于像素计算吗？整个页面很多图片对象，每个图片对象绑定的事件不同，这样判断很麻烦。
我这种情况是不是应该采用页面小程序的开发模式，而不是小游戏画布方式实现？
相关问题
相关文档
- Canvas.getContext: 小游戏/开发/API/渲染/画布/Canvas/Canvas.getContext
- Canvas.getContext#参数: 小游戏/开发/API/渲染/画布/Canvas/Canvas.getContext
- Canvas.getContext#功能描述: 小游戏/开发/API/渲染/画布/Canvas/Canvas.getContext
- Canvas.toTempFilePathSync: 小游戏/开发/API/渲染/画布/Canvas/Canvas.toTempFilePathSync
- Canvas.getContext#返回值: 小游戏/开发/API/渲染/画布/Canvas/Canvas.getContext
可不可以通过触摸事件的x和y坐标来判断？当触摸的xy坐标在一个对象的坐标内时即可判断为点击的是该对象。可参考官方飞机游戏的示例代码：
/**
* 当手指触摸屏幕的时候
* 判断手指是否在飞机上
* @param {Number} x: 手指的X轴坐标
* @param {Number} y: 手指的Y轴坐标
* @return {Boolean}: 用于标识手指是否在飞机上的布尔值
*/
checkIsFingerOnAir(x, y) {
const deviation = 30
return !!( x >= this.x - deviation
&& y >= this.y - deviation
&& x <= this.x + this.width + deviation
&& y <= this.y + this.height + deviation )
}
可以试下哈