lcdgame.js is a JavaScript library for creating high quality LCD game simulators that can run in any browser. It is compatible with most modern browsers and several games are fully playable on pc's, laptops, mobile phones and tablets.
The lcdgame.js library could be updated with bug fixes or possibly additional game devices, so in that sense it remains work in progress.
Highway :: Mario Bros :: Sea Ranger :: Tom's Adventure :: Donkey Kong II :: Jungle Kong :: Eagle n Chicken :: Cement Factory
Support the lcdgames.js project by buying the developer a coffee!
LCD games are electronic toys introduced in the 1980s. Nintendo first released its Game & Watch series in 1980, which were electronic handheld toys that used LCD crystals to display flickering shapes. The shapes could only be turned on or off, creating a crude form of interactive animation to form games. These were some of the earliest handheld gaming devices, years before the release of the GameBoy.
Followed the success of Game & Watch, many other companies incl. Gakken, Tandy, Radio Shack, Sunwing, Tiger, Tomy started creating their own lcd games (sometimes called "card games"). Over the years hundreds, maybe thousands, of different games were created.
lcdgame.js is a JavaScript library for creating LCD game simulators. It works based on a spritesheet compatible wth json array format, which can be created with a photo editor like GIMP, and the shapes_editor.html which is part of this library, for more info see here.
Direct inspiration is a very cool site called pica-pic by Hipopotam. On the site there are 26 playable simulations of lcd games. The simulators on pica-pic work great but it is based on Flash, making the games unplayable on tablets and some browsers.
The goal of lcdgame.js is to create high quality LCD game simulators that can run in any browser using html5 and JavaScript. LCD games are relatively easy, they don't require fancy sprite animations or scaling and fading effects, or html DOM-manipulation. So the goal is to develop lcdgame.js as a stand-alone library, without the use of external libraries like jQuery, Angular.js, Phaser.js etc.
The lcdgame.js is largly finished, all the main features have been added, but here is a list of
possible future improvements (strikethrough is done).
Open sourceStandardised interface and file structureRe-use code and editorEasily add new games(needs improvements)add touch support for buttonsscale to fit screen(needs improvements)playable on any devicerefactor code into separate JavaScript objectsadd state manager (to separate time/demo, maingame, bonusgame code)add gameplay info popup, explanation for each gameadd high scores list (local storage)add menu overlay in separate dom-elementsadd high scores list (shared online)responsive resizing/scaling and display centeredfilter options for high score list- sound mp3/wav based on browsertype
- Shapes editor, allow shapes change position, mouse drag/move
- Shapes editor, support/preview/edit types (normal shape, digit, digit position, button)
- Shapes editor, copy shape (for digit positions)
- add key hints and/or tutorial elements (separate dom-elements?)
- allow button/keys re-mapping
- add more games
Why create simulations when you could also create emulators? Handheld LCD games typically use a wide range of 4-bit microprocessors (MCU) of which there isn't much information. Also, the ROMs in these devices are usually embedded in the MCU, meaning they need to be "decapped" to extract the code and data. This also involves taking a microscope image and visually decoding the zeros and ones. This is feasible, but considering the sheer amount and variety of different LCD games this is very time consuming and expensive, not to mention it destroys the MCU in the process. Therefor it is more practical to create simulations instead of emulators. Also, a simulator can recreate the entire device, including buttons and artwork, and not just the screen.
31-dec-2019 v0.3.4 added Cement Factory, minor fixes in GUI and highscores
02-dec-2018 v0.3.3 added Jungle Kong, Eagle n Chicken, added highscore filter options
08-oct-2018 v0.3.2 added Donkey Kong II, Tom's Adventure, better browser compatibility
01-jul-2018 v0.3.1 menu, infobox, online highscores
23-jun-2018 v0.3 added statemanager, preliminary touch and scale
27-apr-2017 v0.2 Mario bros and Sea Ranger playable, better compatibility, utilities and tools
10-nov-2015 v0.1 first release of lcdgame.js and shape editor on github
See also the html5gamedevs forum
Questions, comments -- Bas de Reuver (bdr1976@gmail.com)