Copy to non-playground fe (#45)

usatie · Nov 13, 2023 · 17a8ee9 · 17a8ee9
1 parent 51df6cc
commit 17a8ee9
Show file tree

Hide file tree

Showing 3 changed files with 437 additions and 0 deletions.
diff --git a/web/html/online-pong-v1/index.html b/web/html/online-pong-v1/index.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <title>Canvas tutorial</title>
+  <script src="https://cdn.socket.io/4.3.2/socket.io.min.js"
+    integrity="sha384-KAZ4DtjNhLChOB/hxXuKqhMLYvx3b5MlT55xPEiNmREKRzeEm+RVPlTnAn0ajQNs"
+    crossorigin="anonymous"></script>
+
+  <script src="pong.js"></script>
+  <style>
+    canvas {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+
+<body onload="init();">
+  <div>
+    <button onclick="start();">Start</button>
+    <button onclick="game.switch_battle_mode();">Battle</button>
+    <button onclick="game.switch_practice_mode();">Practice</button>
+    <div id="fps">FPS: 0</div>
+    <div id="speed">Speed: 0</div>
+    <div>player1: <span id="player1">0</span></div>
+    <div>player2: <span id="player2">0</span></div>
+  </div>
+  <canvas id="tutorial" width="256" height="512"></canvas>
+</body>
+
+</html>