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,39 +5,9 @@ 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]]((( 8 +** Packed using [[Texturepacker's free version>>https://www.codeandweb.com/texturepacker]] 9 +((( 9 9 (% border="1" class="table-bordered" %) 10 10 |Rendered using Orthogonal Camera|[[image:NixieOrth.png]] 11 11 |Rendered using Perspective Camera|[[image:NixiePers.png]] 12 12 ))) 13 -* Phaser P5 not working somehow needs investigate 14 -* Somehow can only use raw API 15 - 16 -{{html clean="false"}} 17 -<div id="canvasparent"> 18 - <canvas id="mycanvas" width="600" height="300"> 19 - </canvas> 20 -</div> 21 -<script> 22 -let windowurl = Window.location.url; 23 -setTimeout( () => { 24 - let c = document.getElementById("mycanvas"); 25 - let ctx = c.getContext("2d"); 26 - 27 - let imgurls = [windowurl + '/']; 28 - 29 - console.log( "Load image:", windowurl ); 30 - console.log( "canvas size:",c.width, ",", c.height ); 31 - let scrwidth = c.width; 32 - let scrheight = c.height; 33 - let borderwidth = 2; 34 - 35 - // Draw a border 36 - ctx.beginPath(); 37 - ctx.lineWidth = ""+borderwidth; 38 - ctx.strokeStyle = "#ffffff"; 39 - ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth); 40 - ctx.stroke(); 41 -}, 1000 ); 42 -</script> 43 -{{/html}}