Virtual nixie tube (digitron) display - DHTML component library

Current date (NixieDisplay example)

Current time (NixieClock example)

Calculator (NixieCalculator example)

(just type expressions on keyboard as on any basic electronic calculator)
[q] sqrt [Q] sqr [^] pow [m] +/- [p] PI [Enter] = [Esc] clear

About

This DHTML component collection was developed for fun and is meant as tribute to nixie tube display era.

Features:

object-oriented JavaScript, DHTML, CSS
simple, well-designed API
fully customizable (custom glyph matrix images, between-digit gaps, custom character support using configurable map from char to glyph index)
decimal separator support via separate glyph matrix row
should be compatible with any modern browser (tested in IE 6.0, FF 2.0, Opera 8.5)

Notices:

included nixie glyphs were taken using real nixie tubes (Philips ZM1080, Tesla ZM1082, RFT Z573M). Decimal point and minus signs were added artificially for devices not containing them.
components are not limited to emulate nixie-looking displays, glyphs containing any sign types can be used

Usage

(suppose you have package archive extracted in ./nixie directory)

1. include library in head section of the page:

    <script type="text/javascript" src="nixie/nixie.js"></script>

2. drop some box element to serve as display container:

    <div id="nd1"></div>

3. instantiate and use component:

    <script type="text/javascript">
      var nd = new NixieDisplay();
      nd.id = 'nd1';
      nd.charCount = 12;
      nd.urlCharsetImage = 'nixie/zm1082_l1_09bdm_62x150_8b.png';
      nd.charWidth = 62;
      nd.charHeight = 150;
      nd.charGapWidth = 5;
      nd.align = 'right';
      nd.init();

      nd.setText('-1.234567890');
    </script>

Explore library and this demo page sources for more info.

License

Free for non-commercial use only. Copyright and project URL has to be preserved.

(this holds for both the code and the images)

References

[1]	Wikipedia: Nixie tube http://en.wikipedia.org/wiki/Nixie_tube