From 040fbbef7e590ace667770a0b96feb32dc4c836c Mon Sep 17 00:00:00 2001
From: tomC <tc13270@my.bristol.ac.uk>
Date: Tue, 20 Mar 2018 12:30:15 +0000
Subject: [PATCH] =?UTF-8?q?Step=207=20=E2=80=93=20Receiving=20inputs=20fro?=
 =?UTF-8?q?m=20Ably?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mqtt-snake/snake.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 mqtt-snake/snake.html
diff --git a/mqtt-snake/snake.html b/mqtt-snake/snake.html
new file mode 100644
index 00000000..f667f755
--- /dev/null
+++ b/mqtt-snake/snake.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Snake with Ably</title>
+  <script src="http://cdn.ably.io/lib/ably.min-1.js"></script>
+</head>
+<body>
+  <h1 id="heading">Ably Realtime Snake</h1>
+  <script type="text/javascript">
+    var ably = new Ably.Realtime('REPLACE_WITH_YOUR_API_KEY');
+    var decoder = new TextDecoder();
+    var channel = ably.channels.get('input');
+    channel.subscribe(function(message) {
+      var command = decoder.decode(message.data);
+      if(command == 'left') {
+        console.log("Left!")
+      } else if(command == 'up') {
+        console.log("Up!")
+      } else if(command == 'right') {
+        console.log("Right!")
+      } else if(command == 'down') {
+        console.log("Down!")
+      } else if(command == 'startstop') {
+        console.log("Pause or Play!")
+      }
+    });
+  </script>
+</body>
+</html>
\ No newline at end of file
