Arcade score initials

A simplistic js ES6 implementation of old school arcade game leader board inputs.

The module was originally developed for big Android screens where the native keyboard could not be used. This was an easy solution to let the player enter her initials easily in the leaderboard, without having to develop or require a full-blown on-screen keyboard in javascript.

Currently only for touch devices. The input can be changed with a single tap, a long tap to cycle through the alphabet or by holding and moving up or down.

Demo

Usage

There is a small factory class to create the desired number of inputs at once:

(new ArcadeInitials())
    .create(3, containerElement)
    .setActive(0)
    .bindSubmit(button, () => console.log(this.getInput()));

Alternatively input can be created one by one:

new InitialInput({
    parent: containerElement,
    active: true,
    onActiveChange: () => console.log(this.getValue())
})