Formatted the code

kitao · Sep 25, 2022 · da868dc · da868dc
1 parent 51f9cf0
commit da868dc
Show file tree

Hide file tree

Showing 19 changed files with 460 additions and 405 deletions.
diff --git a/wasm/index.html b/wasm/index.html
@@ -1,37 +1,66 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="../docs/images/pyxel_icon_64x64.ico">
-    <link rel="stylesheet" type="text/css" href="pyxel.css">
+    <link rel="icon" href="../docs/images/pyxel_icon_64x64.ico" />
+    <link rel="stylesheet" type="text/css" href="pyxel.css" />
     <title>Pyxel on WASM</title>
-</head>
+  </head>
 
-<body>
+  <body>
     <h1>Pyxel on WASM</h1>
-    WebAssembly version of <a href="https://github.com/kitao/pyxel" target="_blank">Pyxel</a>, a retro game engine for
-    Python.
+    WebAssembly version of
+    <a href="https://github.com/kitao/pyxel" target="_blank">Pyxel</a>, a retro
+    game engine for Python.
     <ul>
-        <li><a href="pages/01_hello_pyxel.html" target="_blank">01_hello_pyxel</a></li>
-        <li><a href="pages/02_jump_game.html" target="_blank">02_jump_game</a></li>
-        <li><a href="pages/03_draw_api.html" target="_blank">03_draw_api</a></li>
-        <li><a href="pages/04_sound_api.html" target="_blank">04_sound_api</a></li>
-        <li><a href="pages/05_color_palette.html" target="_blank">05_color_palette</a></li>
-        <li><a href="pages/06_click_game.html" target="_blank">06_click_game</a></li>
-        <li><a href="pages/07_snake.html" target="_blank">07_snake</a></li>
-        <li><a href="pages/08_triangle_api.html" target="_blank">08_triangle_api</a></li>
-        <li><a href="pages/09_shooter.html" target="_blank">09_shooter</a></li>
-        <li><a href="pages/10_platformer.html" target="_blank">10_platformer</a></li>
-        <li><a href="pages/11_offscreen.html" target="_blank">11_offscreen</a></li>
-        <li><a href="pages/12_perlin_noise.html" target="_blank">12_perlin_noise</a></li>
-        <li><a href="pages/30SecondsOfDaylight.html" target="_blank">30SecondsOfDaylight</a></li>
-        <li><a href="pages/megaball.html" target="_blank">megaball</a></li>
-        <li><a href="pages/pyxel_editor.html" target="_blank">pyxel_editor</a></li>
-        <li><a href="pages/script_test.html" target="_blank">script_test</a></li>
+      <li>
+        <a href="pages/01_hello_pyxel.html" target="_blank">01_hello_pyxel</a>
+      </li>
+      <li>
+        <a href="pages/02_jump_game.html" target="_blank">02_jump_game</a>
+      </li>
+      <li><a href="pages/03_draw_api.html" target="_blank">03_draw_api</a></li>
+      <li>
+        <a href="pages/04_sound_api.html" target="_blank">04_sound_api</a>
+      </li>
+      <li>
+        <a href="pages/05_color_palette.html" target="_blank"
+          >05_color_palette</a
+        >
+      </li>
+      <li>
+        <a href="pages/06_click_game.html" target="_blank">06_click_game</a>
+      </li>
+      <li><a href="pages/07_snake.html" target="_blank">07_snake</a></li>
+      <li>
+        <a href="pages/08_triangle_api.html" target="_blank">08_triangle_api</a>
+      </li>
+      <li><a href="pages/09_shooter.html" target="_blank">09_shooter</a></li>
+      <li>
+        <a href="pages/10_platformer.html" target="_blank">10_platformer</a>
+      </li>
+      <li>
+        <a href="pages/11_offscreen.html" target="_blank">11_offscreen</a>
+      </li>
+      <li>
+        <a href="pages/12_perlin_noise.html" target="_blank">12_perlin_noise</a>
+      </li>
+      <li>
+        <a href="pages/30SecondsOfDaylight.html" target="_blank"
+          >30SecondsOfDaylight</a
+        >
+      </li>
+      <li><a href="pages/megaball.html" target="_blank">megaball</a></li>
+      <li>
+        <a href="pages/pyxel_editor.html" target="_blank">pyxel_editor</a>
+      </li>
+      <li><a href="pages/script_test.html" target="_blank">script_test</a></li>
     </ul>
-    The page source for each example is <a href="https://github.com/kitao/pyxel/tree/main/wasm/pages"
-        target="_blank">here</a>.
-</body>
-
+    The page source for each example is
+    <a
+      href="https://github.com/kitao/pyxel/tree/main/wasm/pages"
+      target="_blank"
+      >here</a
+    >.
+  </body>
 </html>
diff --git a/wasm/pages/01_hello_pyxel.html b/wasm/pages/01_hello_pyxel.html
@@ -1,14 +1,15 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
-<body>
+  <body>
     <pyxel-asset name="assets/pyxel_logo_38x16.png"></pyxel-asset>
-    <pyxel-run root="../../python/pyxel/examples" name="01_hello_pyxel.py"></pyxel-run>
-</body>
-
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="01_hello_pyxel.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/02_jump_game.html b/wasm/pages/02_jump_game.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html>
-
-<head>
-    <link rel="stylesheet" type="text/css" href="../pyxel.css">
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
-<body>
-    <pyxel-asset name="02_jump_game.py" onstart="document.getElementById('loading').remove()"></pyxel-asset>
+  <body>
+    <pyxel-asset name="02_jump_game.py"></pyxel-asset>
     <pyxel-asset name="assets/jump_game.pyxres"></pyxel-asset>
-    <pyxel-run root="../../python/pyxel/examples" name="02_jump_game.py"></pyxel-run>
-</body>
-
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="02_jump_game.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/03_draw_api.html b/wasm/pages/03_draw_api.html
@@ -1,15 +1,16 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
-<body>
+  <body>
     <pyxel-asset name="assets/cat_16x16.png"></pyxel-asset>
     <pyxel-asset name="assets/tileset_24x32.png"></pyxel-asset>
-    <pyxel-run root="../../python/pyxel/examples" name="03_draw_api.py"></pyxel-run>
-</body>
-
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="03_draw_api.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/04_sound_api.html b/wasm/pages/04_sound_api.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="04_sound_api.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="04_sound_api.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/05_color_palette.html b/wasm/pages/05_color_palette.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="05_color_palette.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="05_color_palette.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/06_click_game.html b/wasm/pages/06_click_game.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="06_click_game.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="06_click_game.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/07_snake.html b/wasm/pages/07_snake.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="07_snake.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="07_snake.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/08_triangle_api.html b/wasm/pages/08_triangle_api.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="08_triangle_api.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="08_triangle_api.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/09_shooter.html b/wasm/pages/09_shooter.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="09_shooter.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="09_shooter.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/10_platformer.html b/wasm/pages/10_platformer.html
@@ -1,14 +1,15 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
-<body>
+  <body>
     <pyxel-asset name="assets/platformer.pyxres"></pyxel-asset>
-    <pyxel-run root="../../python/pyxel/examples" name="10_platformer.py"></pyxel-run>
-</body>
-
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="10_platformer.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/11_offscreen.html b/wasm/pages/11_offscreen.html
@@ -1,14 +1,15 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
-<body>
+  <body>
     <pyxel-asset name="assets/offscreen.pyxres"></pyxel-asset>
-    <pyxel-run root="../../python/pyxel/examples" name="11_offscreen.py"></pyxel-run>
-</body>
-
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="11_offscreen.py"
+    ></pyxel-run>
+  </body>
 </html>
diff --git a/wasm/pages/12_perlin_noise.html b/wasm/pages/12_perlin_noise.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <script src="../pyxel.js"></script>
-    <!-- For actual use, please use this link: "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
-</head>
-
-<body>
-    <pyxel-run root="../../python/pyxel/examples" name="12_perlin_noise.py"></pyxel-run>
-</body>
+    <!-- For actual use, use "https://cdn.jsdelivr.net/gh/kitao/pyxel/wasm/pyxel.js" -->
+  </head>
 
+  <body>
+    <pyxel-run
+      root="../../python/pyxel/examples"
+      name="12_perlin_noise.py"
+    ></pyxel-run>
+  </body>
 </html>