From 5b5d3ad8b9a65caecb7f1543324b6a8b999916bc Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Wed, 12 Apr 2017 16:12:44 +0300
Subject: [PATCH] added touch support...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 jsssnake/simplesnake.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)
diff --git a/jsssnake/simplesnake.html b/jsssnake/simplesnake.html
index d7b6385..1ba3a1d 100644
--- a/jsssnake/simplesnake.html
+++ b/jsssnake/simplesnake.html
@@ -3,6 +3,10 @@
 <style>
 
 .snake.field {
+	position: relative;
+	left: 50%;
+	margin-left: -250px;
+
 	width: 500px;
 	height: 500px;
 	border: solid 1px silver;
@@ -300,6 +304,10 @@ function kbHandler(event){
 		&& action[0] in Snake 
 		&& 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)...
 	if(!HANDLER_SET){
 		document.addEventListener('keydown', kbHandler)
+		//document.addEventListener('click', tapHandler)
+		document.addEventListener('touchstart', tapHandler)
 		HANDLER_SET = true
 	}
 }
@@ -359,14 +369,11 @@ function setup(){
 
 <head> <title>Simple Snake</title> </head>
 
+
 <body onload="setup()">
 
 <div class="simplesnake"> </div>
 
-<p>
-XXX basic instructions...
-</p>
-
 </body>
 </html>
 <!-- vim:set ts=4 sw=4 spell : -->
