Typed existing game.ts

src/options.ts

@@ -0,0 +1,54 @@
+import {fitSize, gameCanvas} from "./game";
+
+export const options = {
+    sound: {
+        default: true,
+        name: `Game sounds`,
+        help: `Can slow down some phones.`,
+        disabled: () => false,
+    },
+    "mobile-mode": {
+        default: window.innerHeight > window.innerWidth,
+        name: `Mobile mode`,
+        help: `Leaves space for your thumb.`,
+        afterChange() {
+            fitSize();
+        },
+        disabled: () => false,
+    },
+    basic: {
+        default: false,
+        name: `Basic graphics`,
+        help: `Better performance on older devices.`,
+        disabled: () => false,
+    },
+    pointerLock: {
+        default: false,
+        name: `Mouse pointer lock`,
+        help: `Locks and hides the mouse cursor.`,
+        disabled: () => !gameCanvas.requestPointerLock,
+    },
+    easy: {
+        default: false,
+        name: `Kids mode`,
+        help: `Start future runs with "slower ball".`,
+        disabled: () => false,
+    }, // Could not get the sharing to work without loading androidx and all the modern android things so for now i'll just disable sharing in the android app
+    record: {
+        default: false,
+        name: `Record gameplay videos`,
+        help: `Get a video of each level.`,
+        disabled() {
+            return window.location.search.includes("isInWebView=true");
+        },
+    },
+} as {[k:string]:OptionDef}
+
+export type OptionDef = {
+    default:boolean;
+name:string;
+help:string;
+disabled:()=>boolean
+        afterChange?:()=>void
+}
+export type OptionId = keyof (typeof options)