flynx/Course-JavaScript
1
0
Fork 0
mirror of https://github.com/flynx/Course-JavaScript.git synced 2025-10-29 02:50:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added touch support...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-04-12 16:12:44 +03:00
parent a6d2ed5ee1
commit 5b5d3ad8b9
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
jsssnake/simplesnake.html
View File

@ -3,6 +3,10 @@
<style> <style>
.snake.field { .snake.field {
position: relative;
left: 50%;
margin-left: -250px;
width: 500px; width: 500px;
height: 500px; height: 500px;
border: solid 1px silver; border: solid 1px silver;
@ -300,6 +304,10 @@ function kbHandler(event){
&& action[0] in Snake && action[0] in Snake
&& Snake[action[0]].apply(Snake, action.slice(1)) && Snake[action[0]].apply(Snake, action.slice(1))
} }
function tapHandler(event){
(event.clientX || event.changedTouches[0].pageX) <= (document.body.clientWidth / 2) ?
Snake.left()
: Snake.right() }
//--------------------------------------------------------------------- //---------------------------------------------------------------------
@ -348,6 +356,8 @@ function setup(){
// setup kb handler (only once)... // setup kb handler (only once)...
if(!HANDLER_SET){ if(!HANDLER_SET){
document.addEventListener('keydown', kbHandler) document.addEventListener('keydown', kbHandler)
//document.addEventListener('click', tapHandler)
document.addEventListener('touchstart', tapHandler)
HANDLER_SET = true HANDLER_SET = true
} }
} }
@ -359,14 +369,11 @@ function setup(){
<head> <title>Simple Snake</title> </head> <head> <title>Simple Snake</title> </head>
<body onload="setup()"> <body onload="setup()">
<div class="simplesnake"> </div> <div class="simplesnake"> </div>
<p>
XXX basic instructions...
</p>
</body> </body>
</html> </html>
<!-- vim:set ts=4 sw=4 spell : --> <!-- vim:set ts=4 sw=4 spell : -->