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 (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -5,9 +5,42 @@ 5 5 *** Solid modeling , will not be polygon efficient for game rendering 6 6 *** Rendered as spritesheet, as f360 has a pretty easy to tune rendering system that's almost photo realistic 7 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 -((( 8 +** Packed using [[Texturepacker's free version>>https://www.codeandweb.com/texturepacker]]((( 10 10 (% border="1" class="table-bordered" %) 11 11 |Rendered using Orthogonal Camera|[[image:NixieOrth.png]] 12 12 |Rendered using Perspective Camera|[[image:NixiePers.png]] 13 13 ))) 13 +* CDN and phaser is used 14 + 15 +{{html}} 16 +<div id = "phaser-parent"></div> 17 +<script src="https://cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.js"></script> 18 +<script> 19 +// Let's wait page to load before demo begin, one time so no need handle 20 +setTimeout(function(){ 21 + let ph_imageaddrbase = Window.location + "/WebHome/"; 22 + class phScene extends Phaser.Scene { 23 + constructor () 24 + { 25 + super({ key: 'phscene' }); 26 + } 27 + preload () 28 + { 29 + } 30 + create () 31 + { 32 + } 33 + } 34 +// phaser config 35 + let ph_game_config = { 36 + type: Phaser.AUTO, 37 + width: 800, 38 + height: 600, 39 + backgroundColor: '#000000', 40 + parent: 'phaser-parent', 41 + scene: phScene 42 + }; 43 + let ph_game = new Phaser.Game(ph_game_config ); 44 +}, 4000); 45 +</script> 46 +{{/html}}