Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-11-29 16:10:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

The InputManager.onTouchMove method will now check if the changed touch is over the canvas, or not, via the DOM elementFromPoint function. This means if the touch leaves the canvas, it will now trigger the GAME_OUT and GAME_OVER events, where-as before this would only happen for a Mouse. If the touch isn't over the canvas, no Pointer touch move happens, just like with the mouse. Fix #5592

Browse source
This commit is contained in:
Richard Davey 2021-12-01 16:36:06 +00:00
parent d36c8177b5
commit 91f72f7700
1 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/input/InputManager.js
View file

@ -315,15 +315,18 @@ var InputManager = new Class({
*/ */
boot: function () boot: function ()
{ {
this.canvas = this.game.canvas; var game = this.game;
var events = game.events;
this.scaleManager = this.game.scale; this.canvas = game.canvas;
this.scaleManager = game.scale;
this.events.emit(Events.MANAGER_BOOT); this.events.emit(Events.MANAGER_BOOT);
this.game.events.on(GameEvents.PRE_RENDER, this.preRender, this); events.on(GameEvents.PRE_RENDER, this.preRender, this);
this.game.events.once(GameEvents.DESTROY, this.destroy, this); events.once(GameEvents.DESTROY, this.destroy, this);
}, },
/** /**
@ -605,19 +608,32 @@ var InputManager = new Class({
{ {
var changedTouch = event.changedTouches[c]; var changedTouch = event.changedTouches[c];
// document.elementFromPoint(0,0)
for (var i = 1; i < this.pointersTotal; i++) for (var i = 1; i < this.pointersTotal; i++)
{ {
var pointer = pointers[i]; var pointer = pointers[i];
if (pointer.active && pointer.identifier === changedTouch.identifier) if (pointer.active && pointer.identifier === changedTouch.identifier)
{ {
pointer.touchmove(changedTouch, event); var element = document.elementFromPoint(changedTouch.pageX, changedTouch.pageY);
var overCanvas = element === this.canvas;
this.activePointer = pointer; if (!this.isOver && overCanvas)
{
this.setCanvasOver(event);
}
else if (this.isOver && !overCanvas)
{
this.setCanvasOut(event);
}
changed.push(pointer); if (this.isOver)
{
pointer.touchmove(changedTouch, event);
this.activePointer = pointer;
changed.push(pointer);
}
break; break;
} }