Changes for page Nixie Spritesheet
Last modified by Victor Zhang on 00:34, 22/07/2020
Change comment: There is no comment for this version
Summary
-
Page properties (3 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,0 +1,1 @@ 1 +Nixie Spritesheet - Parent
-
... ... @@ -1,0 +1,1 @@ 1 +Main.Past works.My Tests.WebHome - Content
-
... ... @@ -1,0 +1,34 @@ 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}} 16 +<script src="//cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.min.js"></script> 17 +<div id = "phaser-parent"></div> 18 +<script> 19 +let ph_imageaddrbase = Window.location + "/WebHome/"; 20 + 21 +// phaser config 22 +let ph_game_config = { 23 + type: Phaser.AUTO, 24 + width: 800, 25 + height: 600, 26 + backgroundColor: '#000000', 27 + parent: 'phaser-parent', 28 + scene: phScene 29 +}; 30 + 31 +// Let's wait page to load before demo begin, one time so no need handle 32 +setTimeout(function(){ let ph_game = new Phaser.Game(ph_game_config ); }, 1000); 33 +</script> 34 +{{/html}}
- NixiePers.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.victorzzt - Size
-
... ... @@ -1,0 +1,1 @@ 1 +265.4 KB - Content