Wiki source code of Nixie Spritesheet
Version 67.1 by Victor Zhang on 18:01, 21/05/2020
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | * During the development of the GDice app ( the log will be posted soon ), I was experimenting ways to display numbers | ||
| 2 | * One particular way interested me that has the nostalgic feeling, called [[Nixie Tube>>https://en.wikipedia.org/wiki/Nixie_tube]] | ||
| 3 | ** End up not using it, but it's a good test | ||
| 4 | ** Built using [[Autodesk Fusion 360>>https://www.autodesk.com/products/fusion-360/students-teachers-educators]] | ||
| 5 | *** Solid modeling , will not be polygon efficient for game rendering | ||
| 6 | *** Rendered as spritesheet, as f360 has a pretty easy to tune rendering system that's almost photo realistic | ||
| 7 | ** Result put in : [[Nixie Tube Spritesheet>>https://opengameart.org/content/nixie-digits-spritesheet]] | ||
| 8 | ** Packed using [[Texturepacker's free version>>https://www.codeandweb.com/texturepacker]]((( | ||
| 9 | (% border="1" class="table-bordered" %) | ||
| 10 | |Rendered using Orthogonal Camera|[[image:NixieOrth.png]] | ||
| 11 | |Rendered using Perspective Camera|[[image:NixiePers.png]] | ||
| 12 | ))) | ||
| 13 | * CDN and phaser is used | ||
| 14 | |||
| 15 | {{html clean="false"}} | ||
| 16 | <div id = "phaser-parent"></div> | ||
| 17 | <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-core.js"></script> | ||
| 18 | <script defer src="https://cdn.jsdelivr.net/npm/phaser@3.22.0/dist/phaser.js"></script> | ||
| 19 | <script> | ||
| 20 | console.log( paper ); | ||
| 21 | console.log( Phaser ); | ||
| 22 | </script> | ||
| 23 | {{/html}} |