From d9d0f02c9c42e154bda18f6843026df6930f9902 Mon Sep 17 00:00:00 2001 From: Arun Persaud Date: Mon, 17 Mar 2014 22:32:58 -0700 Subject: [PATCH] FEATURE: allow swiping to look through tricks on mobile devices --- js/game.js | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/js/game.js b/js/game.js index 82ec54d..06457be 100644 --- a/js/game.js +++ b/js/game.js @@ -60,6 +60,18 @@ function hl_prev() hl(current-1); } +/* check for swipes */ +var down_x = null; +var up_x = null; + +/* advance trick according to swipe direction */ +function do_swipe() +{ + if ((down_x - up_x) > 50) { hl_prev(); } + if ((up_x - down_x) > 50) { hl_next(); } +} + + $(document).ready( function() { @@ -89,5 +101,24 @@ $(document).ready( }); $(".message div div").parent().click ( function() { $(this).hide(); }); - }); + +/* look for swipes left/right */ +$().ready(function(){ + $("div.table").mousedown(function(e){ + down_x = e.pageX; + }); + $("div.table").mouseup(function(e){ + up_x = e.pageX; + do_swipe(); + }); + $("div.table").bind('touchstart', function(e){ + down_x = e.originalEvent.touches[0].pageX; + }); + $("div.table").bind('touchmove', function(e){ + up_x = e.originalEvent.touches[0].pageX; + }); + $("div.table").bind('touchend', function(e){ + do_swipe(); + }); +}); -- 2.17.1