Add prod branch for launching on simponic.xyz

.dockerignore

@@ -0,0 +1 @@
+node_modules

Dockerfile

@@ -0,0 +1,8 @@
+FROM node:18.2.0
+ENV NODE_ENV=production
+
+WORKDIR /app
+COPY ["package.json", "package-lock.json*", "./"]
+RUN npm install
+COPY . .
+CMD [ "node", "index.js" ]

README.md

@@ -15,6 +15,3 @@ It's as simple as:
 npm install
 npm run start
 ```
-
-## Play online
-[on my website](https://simponic.xyz/bbiy/)

docker-compose.yml

@@ -0,0 +1,9 @@
+version: '3'
+
+services:
+  prod:
+    build: ./
+    ports:
+      - "3000:3000"
+    expose:
+      - 3000

src/bootstrap.js

@@ -106,7 +106,7 @@ game.bootstrap = (() => {
 
   const loadLevels = function() {
     game.levels = [];
-    fetch('/levels')
+    fetch('levels')
       .then((r) => r.json())
       .then((r) => game.levels = r);
   }

src/game.js

@@ -31,7 +31,7 @@ game.startLoop = () => {
   game.lastTimeStamp = performance.now();
   game.assets.music.play();
   if (game.assets.music.paused) {
-    alert("Failed to start background music; please allow autoplay in your browser settings.");
+    alert("Failed to start background music; please allow autoplay in your browser settings and refresh.");
   }
   requestAnimationFrame(game.loop);
 };

styles/style.css

@@ -1,7 +1,7 @@
 body {
   margin: 0;
   font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;
-  background-image: url("/assets/image/background.gif");
+  background-image: url("/bbiy/assets/image/background.gif");
   background-size: cover;
   image-rendering: pixelated;
 }
@@ -70,4 +70,4 @@ body {
 
 .menu-button:hover {
   background-color: #d0d0d0;
-}
+}