web

Author: Rust-Ninja-Sabi

README.ipynb

@@ -26,10 +26,116 @@
     "<img src=\"img/step1.gif\" width=\"320\" align=\"left\"><br><br><br><br><br><br><br><br><br><br><br><br><br><br>"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "id": "2106a9bb-7055-4725-a2f7-cc06c3c70dbe",
+   "metadata": {},
+   "source": [
+    "## From pygame to the browser"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "3dd18b8a-beff-4a4d-b217-379350c7c46f",
+   "metadata": {},
+   "source": [
+    "You can convert a python pygame into an webassembly and play it in the browser."
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "e629058f-b87d-4baf-8c83-12b7448a9d37",
+   "metadata": {},
+   "source": [
+    "Install pygbag https://github.com/pygame-web/pygbag"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "df33cbec-11d4-4fbb-bbdf-8a764682db3d",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "pip install pygbag"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "a04bb914-82c6-4eb1-8665-b5f14738a63d",
+   "metadata": {},
+   "source": [
+    "You have to rename your game to main.py and make its loop async aware."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "e748e315-fb25-40c2-9c6e-9338fcf06c31",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import pygame, asyncio\n",
+    "\n",
+    "FRAMES_PER_SECOND = 30\n",
+    "\n",
+    "\n",
+    "class Ping:\n",
+    "...\n",
+    "\n",
+    "    async def game_loop(self):\n",
+    "        while True:\n",
+    "            for event in pygame.event.get():\n",
+    "                if (event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE) \\\n",
+    "                        or (event.type == pygame.QUIT):\n",
+    "                    return\n",
+    "\n",
+    "            self.update()\n",
+    "            self.draw()\n",
+    "            await asyncio.sleep(0)\n",
+    "\n",
+    "...\n",
+    "\n",
+    "async def main():\n",
+    "    ping = Ping()\n",
+    "    await ping.game_loop()\n",
+    "\n",
+    "asyncio.run(main())"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "359968c1-1422-4ddc-984e-3adae372d63e",
+   "metadata": {},
+   "source": [
+    "Compile to webassembly"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "4dae1af5-5436-4e06-a917-b9cc592e598d",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "pygbag ./folder"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "50e49198-d3f6-406d-b08d-334ba26eac81",
+   "metadata": {},
+   "source": [
+    "You can play it.\n",
+    "Chrome should work. Use keyboard.\n",
+    "\n",
+    "https://hebi-python-ninja.itch.io/ping-from-pygame-to-the-web"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "74ce2b0b-7b66-45ee-8907-34a6ca2c8e48",
+   "id": "5c775a9e-bae4-4c99-86ad-1d5d6e294421",
    "metadata": {},
    "outputs": [],
    "source": []

README.md

@@ -6,6 +6,61 @@ A classic table tennis game
 
 <img src="img/step1.gif" width="320" align="left"><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
+## From pygame to the browser
+
+You can convert a python pygame into an webassembly and play it in the browser.
+
+Install pygbag https://github.com/pygame-web/pygbag
+
+
+```Rust
+pip install pygbag
+```
+
+You have to rename your game to main.py and make its loop async aware.
+
+
+```Rust
+import pygame, asyncio
+
+FRAMES_PER_SECOND = 30
+
+
+class Ping:
+...
+
+    async def game_loop(self):
+        while True:
+            for event in pygame.event.get():
+                if (event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE) \
+                        or (event.type == pygame.QUIT):
+                    return
+
+            self.update()
+            self.draw()
+            await asyncio.sleep(0)
+
+...
+
+async def main():
+    ping = Ping()
+    await ping.game_loop()
+
+asyncio.run(main())
+```
+
+Compile to webassembly
+
+
+```Rust
+pygbag ./folder
+```
+
+You can play it.
+Chrome should work. Use keyboard.
+
+https://hebi-python-ninja.itch.io/ping-from-pygame-to-the-web
+
 
 ```Rust
 

build/version.txt

@@ -0,0 +1 @@
+0.7.1