phaser/Phaser/system/input/Touch.ts

217 lines
6.6 KiB
TypeScript
Raw Normal View History

/// <reference path="../../Game.ts" />
2013-05-16 01:36:58 +00:00
/// <reference path="Pointer.ts" />
/**
2013-04-18 15:49:08 +00:00
* Phaser - Touch
*
2013-05-16 01:36:58 +00:00
* The Touch class handles touch interactions with the game and the resulting Pointer objects.
2013-04-18 15:49:08 +00:00
* http://www.w3.org/TR/touch-events/
* https://developer.mozilla.org/en-US/docs/DOM/TouchList
* http://www.html5rocks.com/en/mobile/touchandmouse/
* Note: Android 2.x only supports 1 touch event at once, no multi-touch
2013-04-18 13:16:18 +00:00
*/
2013-04-18 13:16:18 +00:00
module Phaser {
2013-04-18 13:16:18 +00:00
export class Touch {
/**
2013-04-18 13:16:18 +00:00
* Constructor
* @param {Game} game.
* @return {Touch} This object.
*/
constructor(game: Game) {
2013-04-18 13:16:18 +00:00
this._game = game;
2013-04-18 13:16:18 +00:00
}
/**
2013-05-16 20:34:24 +00:00
* Local private reference to game.
2013-04-18 13:16:18 +00:00
* @property _game
2013-05-16 20:34:24 +00:00
* @type {Phaser.Game}
2013-04-18 13:16:18 +00:00
* @private
**/
private _game: Game;
/**
2013-05-16 01:36:58 +00:00
* You can disable all Input by setting disabled = true. While set all new input related events will be ignored.
* @type {Boolean}
2013-05-16 01:36:58 +00:00
*/
public disabled: bool = false;
2013-04-18 13:16:18 +00:00
/**
2013-05-16 20:34:24 +00:00
* Starts the event listeners running
* @method start
2013-04-18 13:16:18 +00:00
*/
public start() {
2013-05-16 20:34:24 +00:00
if (this._game.device.touch)
{
this._game.stage.canvas.addEventListener('touchstart', (event) => this.onTouchStart(event), false);
this._game.stage.canvas.addEventListener('touchmove', (event) => this.onTouchMove(event), false);
this._game.stage.canvas.addEventListener('touchend', (event) => this.onTouchEnd(event), false);
this._game.stage.canvas.addEventListener('touchenter', (event) => this.onTouchEnter(event), false);
this._game.stage.canvas.addEventListener('touchleave', (event) => this.onTouchLeave(event), false);
this._game.stage.canvas.addEventListener('touchcancel', (event) => this.onTouchCancel(event), false);
document.addEventListener('touchmove', (event) => this.consumeTouchMove(event), false);
}
2013-04-18 13:16:18 +00:00
}
/**
2013-04-18 13:16:18 +00:00
* Prevent iOS bounce-back (doesn't work?)
* @method consumeTouchMove
* @param {Any} event
**/
private consumeTouchMove(event) {
2013-04-18 13:16:18 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
}
/**
*
2013-04-18 13:16:18 +00:00
* @method onTouchStart
* @param {Any} event
**/
private onTouchStart(event) {
2013-05-16 01:36:58 +00:00
if (this._game.input.disabled || this.disabled)
{
return;
}
2013-05-16 01:36:58 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
// event.targetTouches = list of all touches on the TARGET ELEMENT (i.e. game dom element)
// event.touches = list of all touches on the ENTIRE DOCUMENT, not just the target element
// event.changedTouches = the touches that CHANGED in this event, not the total number of them
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
this._game.input.startPointer(event.changedTouches[i]);
}
2013-04-18 13:16:18 +00:00
}
/**
2013-05-16 01:36:58 +00:00
* Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome)
* Occurs for example on iOS when you put down 4 fingers and the app selector UI appears
2013-04-18 13:16:18 +00:00
* @method onTouchCancel
* @param {Any} event
**/
private onTouchCancel(event) {
2013-05-16 01:36:58 +00:00
if (this._game.input.disabled || this.disabled)
{
return;
}
2013-04-18 13:16:18 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
// Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome)
// http://www.w3.org/TR/touch-events/#dfn-touchcancel
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
this._game.input.stopPointer(event.changedTouches[i]);
}
2013-04-18 13:16:18 +00:00
}
/**
2013-05-16 01:36:58 +00:00
* For touch enter and leave its a list of the touch points that have entered or left the target
2013-04-18 13:16:18 +00:00
* Doesn't appear to be supported by most browsers yet
* @method onTouchEnter
* @param {Any} event
**/
private onTouchEnter(event) {
2013-05-16 01:36:58 +00:00
if (this._game.input.disabled || this.disabled)
{
return;
}
2013-05-16 01:36:58 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
console.log('touch enter');
}
2013-04-18 13:16:18 +00:00
}
/**
2013-05-16 01:36:58 +00:00
* For touch enter and leave its a list of the touch points that have entered or left the target
2013-04-18 13:16:18 +00:00
* Doesn't appear to be supported by most browsers yet
* @method onTouchLeave
* @param {Any} event
**/
private onTouchLeave(event) {
2013-04-18 13:16:18 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
console.log('touch leave');
}
2013-04-18 13:16:18 +00:00
}
/**
*
2013-04-18 13:16:18 +00:00
* @method onTouchMove
* @param {Any} event
**/
private onTouchMove(event) {
event.preventDefault();
2013-04-18 13:16:18 +00:00
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
this._game.input.updatePointer(event.changedTouches[i]);
}
2013-04-18 13:16:18 +00:00
}
/**
*
2013-04-18 13:16:18 +00:00
* @method onTouchEnd
* @param {Any} event
**/
private onTouchEnd(event) {
2013-04-18 13:16:18 +00:00
event.preventDefault();
2013-04-18 13:16:18 +00:00
// For touch end its a list of the touch points that have been removed from the surface
// https://developer.mozilla.org/en-US/docs/DOM/TouchList
2013-04-18 13:16:18 +00:00
// event.changedTouches = the touches that CHANGED in this event, not the total number of them
for (var i = 0; i < event.changedTouches.length; i++)
{
2013-05-16 01:36:58 +00:00
this._game.input.stopPointer(event.changedTouches[i]);
}
2013-04-18 13:16:18 +00:00
}
/**
2013-05-16 20:34:24 +00:00
* Stop the event listeners
* @method stop
2013-04-18 13:16:18 +00:00
*/
public stop() {
2013-05-16 20:34:24 +00:00
if (this._game.device.touch)
{
//this._domElement.addEventListener('touchstart', (event) => this.onTouchStart(event), false);
//this._domElement.addEventListener('touchmove', (event) => this.onTouchMove(event), false);
//this._domElement.addEventListener('touchend', (event) => this.onTouchEnd(event), false);
//this._domElement.addEventListener('touchenter', (event) => this.onTouchEnter(event), false);
//this._domElement.addEventListener('touchleave', (event) => this.onTouchLeave(event), false);
//this._domElement.addEventListener('touchcancel', (event) => this.onTouchCancel(event), false);
}
2013-04-18 13:16:18 +00:00
}
}
2013-04-18 13:16:18 +00:00
}