dragonbones-runtime
Version:
the tools to build dragonbones file for diffrent framework
223 lines (207 loc) • 7.87 kB
text/typescript
//////////////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2014-present, Egret Technology.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided this the following conditions are met:
//
// * Redistributions of source code must retain the above copyright
// notice, this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright
// notice, this list of conditions and the following disclaimer in the
// documentation and/or other materials provided with the distribution.
// * Neither the name of the Egret nor the
// names of its contributors may be used to endorse or promote products
// derived from this software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY EGRET AND CONTRIBUTORS "AS IS" AND ANY EXPRESS
// OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
// OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
// IN NO EVENT SHALL EGRET AND CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
// INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;LOSS OF USE, DATA,
// OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
// LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
// NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
// EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
//
//////////////////////////////////////////////////////////////////////////////////////
namespace egret.web {
/**
* @private
*/
export class WebTouchHandler extends HashObject {
/**
* @private
*/
public constructor(stage:egret.Stage, canvas:HTMLCanvasElement) {
super();
this.canvas = canvas;
this.touch = new egret.sys.TouchHandler(stage);
this.addListeners();
}
/**
* @private
*/
private canvas:HTMLCanvasElement;
/**
* @private
*/
private touch:egret.sys.TouchHandler;
/**
* @private
* 添加事件监听
*/
private addListeners():void {
if (window.navigator.msPointerEnabled) {
this.canvas.addEventListener("MSPointerDown", (event:any)=> {
event.identifier = event.pointerId;
this.onTouchBegin(event);
this.prevent(event);
}, false);
this.canvas.addEventListener("MSPointerMove", (event:any)=> {
event.identifier = event.pointerId;
this.onTouchMove(event);
this.prevent(event);
}, false);
this.canvas.addEventListener("MSPointerUp", (event:any)=> {
event.identifier = event.pointerId;
this.onTouchEnd(event);
this.prevent(event);
}, false);
}
else {
if (!Capabilities.$isMobile) {
this.addMouseListener();
}
this.addTouchListener();
}
}
/**
* @private
*
*/
private addMouseListener():void {
this.canvas.addEventListener("mousedown", this.onTouchBegin);
this.canvas.addEventListener("mousemove", this.onTouchMove);
this.canvas.addEventListener("mouseup", this.onTouchEnd);
}
/**
* @private
*
*/
private addTouchListener():void {
this.canvas.addEventListener("touchstart", (event:any)=> {
let l = event.changedTouches.length;
for (let i:number = 0; i < l; i++) {
this.onTouchBegin(event.changedTouches[i]);
}
this.prevent(event);
}, false);
this.canvas.addEventListener("touchmove", (event:any)=> {
let l = event.changedTouches.length;
for (let i:number = 0; i < l; i++) {
this.onTouchMove(event.changedTouches[i]);
}
this.prevent(event);
}, false);
this.canvas.addEventListener("touchend", (event:any)=> {
let l = event.changedTouches.length;
for (let i:number = 0; i < l; i++) {
this.onTouchEnd(event.changedTouches[i]);
}
this.prevent(event);
}, false);
this.canvas.addEventListener("touchcancel", (event:any)=> {
let l = event.changedTouches.length;
for (let i:number = 0; i < l; i++) {
this.onTouchEnd(event.changedTouches[i]);
}
this.prevent(event);
}, false);
}
/**
* @private
*/
private prevent(event):void {
event.stopPropagation();
if (event["isScroll"] != true && !this.canvas['userTyping']) {
event.preventDefault();
}
}
/**
* @private
*/
private onTouchBegin = (event:any):void => {
let location = this.getLocation(event);
this.touch.onTouchBegin(location.x, location.y, event.identifier);
}
/**
* @private
*/
private onTouchMove = (event:any):void => {
let location = this.getLocation(event);
this.touch.onTouchMove(location.x, location.y, event.identifier);
}
/**
* @private
*/
private onTouchEnd = (event:any):void => {
let location = this.getLocation(event);
this.touch.onTouchEnd(location.x, location.y, event.identifier);
}
/**
* @private
*/
private getLocation(event:any):Point {
event.identifier = +event.identifier || 0;
let doc = document.documentElement;
let box = this.canvas.getBoundingClientRect();
let left = box.left + window.pageXOffset - doc.clientLeft;
let top = box.top + window.pageYOffset - doc.clientTop;
let x = event.pageX - left, newx = x;
let y = event.pageY - top, newy = y;
if (this.rotation == 90) {
newx = y;
newy = box.width - x;
}
else if (this.rotation == -90) {
newx = box.height - y;
newy = x;
}
newx = newx / this.scaleX;
newy = newy / this.scaleY;
return $TempPoint.setTo(Math.round(newx), Math.round(newy));
}
/**
* @private
*/
private scaleX:number = 1;
/**
* @private
*/
private scaleY:number = 1;
/**
* @private
*/
private rotation:number = 0;
/**
* @private
* 更新屏幕当前的缩放比例，用于计算准确的点击位置。
* @param scaleX 水平方向的缩放比例。
* @param scaleY 垂直方向的缩放比例。
*/
public updateScaleMode(scaleX:number, scaleY:number, rotation:number):void {
this.scaleX = scaleX;
this.scaleY = scaleY;
this.rotation = rotation;
}
/**
* @private
* 更新同时触摸点的数量
*/
public $updateMaxTouches():void {
this.touch.$initMaxTouches();
}
}
}