Replace hammer with touch event handling

This commit is contained in:
Chris Price
2014-03-11 20:34:47 +00:00
parent 39ba3a986f
commit cf4087e87d
2 changed files with 23 additions and 21 deletions
-9
View File
File diff suppressed because one or more lines are too long
+23 -12
View File
@@ -57,20 +57,31 @@ KeyboardInputManager.prototype.listen = function () {
retry.addEventListener("click", this.restart.bind(this));
// Listen to swipe events
var gestures = [Hammer.DIRECTION_UP, Hammer.DIRECTION_RIGHT,
Hammer.DIRECTION_DOWN, Hammer.DIRECTION_LEFT];
var touchStartClientX, touchStartClientY;
var gameContainer = document.getElementsByClassName("game-container")[0];
var handler = Hammer(gameContainer, {
drag_block_horizontal: true,
drag_block_vertical: true
gameContainer.addEventListener("touchstart", function(event) {
if (event.touches.length > 1) {
return;
}
touchStartClientX = event.touches[0].clientX;
touchStartClientY = event.touches[0].clientY
event.preventDefault();
});
handler.on("swipe", function (event) {
event.gesture.preventDefault();
mapped = gestures.indexOf(event.gesture.direction);
if (mapped !== -1) self.emit("move", mapped);
gameContainer.addEventListener("touchmove", function(event) {
event.preventDefault();
});
gameContainer.addEventListener("touchend", function(event) {
if (event.touches.length > 0) {
return;
}
var dx = event.changedTouches[0].clientX - touchStartClientX;
var absDx = Math.abs(dx);
var dy = event.changedTouches[0].clientY - touchStartClientY;
var absDy = Math.abs(dy);
if (Math.max(absDx, absDy) > 10) {
self.emit("move", absDx > absDy ? (dx > 0 ? 1 : 3) :
(dy > 0 ? 2 : 0)); // (right : left) : (down : up)
}
});
};