breakout71/src/options.ts

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)