Step 7 – Receiving inputs from Ably

ably · Mar 20, 2018 · 040fbbe · 040fbbe
1 parent dfb7034
commit 040fbbe
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/mqtt-snake/snake.html 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>