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

• Phaser P5 not working somehow needs investigate

setTimeout( () => {
  let c = document.getElementById("myCanvas");
  let ctx = c.getContext("2d");

  ctx.fillStyle = "red";
  ctx.fillRect(20, 20, 75, 50);

  //Turn transparency on
  ctx.globalAlpha = 0.2;
  ctx.fillStyle = "blue"; 
  ctx.fillRect(50, 50, 75, 50); 
  ctx.fillStyle = "green"; 
  ctx.fillRect(80, 80, 75, 50);
}, 1000 );