Nixie Spritesheet

• During the development of the GDice app ( the log will be posted soon ), I was experimenting ways to display numbers
• One particular way interested me that has the nostalgic feeling, called Nixie Tube
  • End up not using it, but it's a good test
  • Built using Autodesk Fusion 360
    • Solid modeling , will not be polygon efficient for game rendering
    • Rendered as spritesheet, as f360 has a pretty easy to tune rendering system that's almost photo realistic
  • Result put in : Nixie Tube Spritesheet
  • Packed using Texturepacker's free version

    Rendered using Orthogonal Camera
    Rendered using Perspective Camera

• CDN and phaser is used

// Let's wait page to load before demo begin, one time so no need handle
setTimeout(function(){
  let ph_imageaddrbase = Window.location + "/WebHome/";
  class phScene extends Phaser.Scene {
    constructor ()
    {
        super({ key: 'phscene' });
    }
    preload ()
    {
    }
    create ()
    {
    }
  }
// phaser config
  let ph_game_config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#000000',
    parent: 'phaser-parent',
    scene: phScene
  };
  let ph_game = new Phaser.Game(ph_game_config );
}, 4000);