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 ph_imageaddrbase = Window.location + "/WebHome/";

// phaser config
let ph_game_config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#000000',
    parent: 'phaser-parent',
    scene: phScene
};

// Let's wait page to load before demo begin, one time so no need handle
setTimeout(function(){ let ph_game = new Phaser.Game(ph_game_config ); }, 1000);