Class UI

Hierarchy

  • UI

Constructors

constructor

Properties

app buzzers canvas customKeymap debuggerButton fileInput gamepadIndex gamepadManager gamepadSelect keymap onKeyStateChange? onReset? onRomSelected? onRomUploaded? onSaveLoadState powerLed resetButton romDescription romList romSelect romTitle romUpload runLed saveStateButton states tapeLed

Methods

bindEvents initializeCanvas initializeKeyboard onDebuggerClick onDocumentKeyDown onDocumentKeyPress onDocumentKeyUp onFileInputChange onGamepadSelect onResetClick onRomUploadClick onSelectRomChange saveLoadState setBuzzers setCustomKeymap setKeyState setPowerLed setRomInfo setRomList setRunLed setTapeLed takeScreenshot updateGamepadList updateInputs

Constructors

constructor

  • Parameters

    • keymap: {
          [key: string]: number;
      }
      • [key: string]: number

    Returns UI

Properties

app

app: HTMLDivElement = ...

buzzers

buzzers: HTMLUListElement = ...

canvas

canvas: HTMLCanvasElement = ...

customKeymap

customKeymap: {
    [key: string]: number;
}

Type declaration

  • [key: string]: number

debuggerButton

debuggerButton: HTMLButtonElement = ...

fileInput

fileInput: HTMLInputElement = ...

gamepadIndex

gamepadIndex: null | number

gamepadManager

gamepadManager: GamepadManager

gamepadSelect

gamepadSelect: HTMLSelectElement = ...

keymap

keymap: {
    [key: string]: number;
}

Type declaration

  • [key: string]: number

Optional onKeyStateChange

onKeyStateChange?: ((key, pressed) => void)

Type declaration

    • (key, pressed): void

    • Parameters

      • key: number
      • pressed: boolean

      Returns void

Optional onReset

onReset?: (() => void)

Type declaration

    • (): void

    • Returns void

Optional onRomSelected

onRomSelected?: ((rom) => void)

Type declaration

    • (rom): void

    • Parameters

      Returns void

Optional onRomUploaded

onRomUploaded?: ((filename, romData) => void)

Type declaration

    • (filename, romData): void

    • Parameters

      • filename: string
      • romData: Uint8Array

      Returns void

onSaveLoadState

onSaveLoadState: TypedEvent<number> = ...

powerLed

powerLed: HTMLDivElement = ...

resetButton

resetButton: HTMLButtonElement = ...

romDescription

romDescription: HTMLSpanElement = ...

romList

romList: ROM[]

romSelect

romSelect: HTMLSelectElement = ...

romTitle

romTitle: HTMLSpanElement = ...

romUpload

romUpload: HTMLSelectElement = ...

runLed

runLed: HTMLDivElement = ...

saveStateButton

saveStateButton: HTMLButtonElement = ...

states

states: HTMLDivElement = ...

tapeLed

tapeLed: HTMLDivElement = ...

Methods

bindEvents

  • Bind events to DOM elements

    Returns void

initializeCanvas

  • Initialize canvas dimensions

    Parameters

    • displayWidth: number
    • displayHeight: number
    • pixelSize: number

    Returns void

initializeKeyboard

  • Generate keyboard table and bind click event

    Returns void

Private onDebuggerClick

  • Debugger button click event

    Parameters

    • app: HTMLDivElement

    Returns void

Private onDocumentKeyDown

  • Parameters

    • event: KeyboardEvent

      return response.arrayBuffer();

    • ui: UI

    Returns void

Private onDocumentKeyPress

  • Document keypress event.

    Parameters

    • key: string

    Returns void

Private onDocumentKeyUp

  • Parameters

    • event: KeyboardEvent
    • ui: UI

    Returns void

Private onFileInputChange

  • ROM file selected

    Parameters

    Returns void

Private onGamepadSelect

  • On gamepad selected event.

    Returns void

onResetClick

  • Reset button click event

    Parameters

    Returns void

Private onRomUploadClick

  • ROM upload button click event

    Parameters

    Returns void

Private onSelectRomChange

  • On ROM selected

    Returns void

Private saveLoadState

  • Save or load state.

    Parameters

    • stateNum: null | number

    Returns void

setBuzzers

  • Set buzzers state

    Parameters

    • on: boolean

    Returns void

setCustomKeymap

  • Set ROM custom keymap

    Parameters

    • keymap: {
          [key: string]: number;
      }
      • [key: string]: number

    Returns void

Private setKeyState

  • Change buttons state and emit event to App

    Parameters

    • key: number
    • state: boolean

    Returns void

setPowerLed

  • Set power led state

    Parameters

    • on: boolean

    Returns void

setRomInfo

  • Edit rom info

    Parameters

    • title: string
    • description: string

    Returns void

setRomList

  • Create options for ROMS

    Parameters

    • romList: ROM[]

    Returns void

setRunLed

  • Set run led state

    Parameters

    • on: boolean

    Returns void

setTapeLed

  • Set tape led state

    Parameters

    • on: boolean

    Returns void

Private takeScreenshot

  • Create canvas image and download.

    Returns void

Private updateGamepadList

  • Update the gamepad select element

    Parameters

    • gamepad: Gamepad
    • connected: boolean

    Returns void

updateInputs

  • Update inputs (gamepad).

    Returns void

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc