Nightmarish Pawnshop Mystic
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

arcade-score-initials

1.0.0 • Public • Published

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

screenshot

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())
})

install

npm i arcade-score-initials

Downloadsweekly downloads

1

version

1.0.0

license

GPL-3.0+

homepage

dotburo.org

repository

Gitgithub

last publish

collaborators

  • avatar