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,32 @@ 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 +* Phaser P5 not working somehow needs investigate 14 + 15 +{{html clean="false"}} 16 +<div id="canvasparent"> 17 + <canvas id="mycanvas" width="800" height="600"> 18 + </canvas> 19 +</div> 20 +<script> 21 +setTimeout( () => { 22 + let c = document.getElementById("mycanvas"); 23 + let ctx = c.getContext("2d"); 24 + 25 + ctx.fillStyle = "red"; 26 + ctx.fillRect(20, 20, 75, 50); 27 + 28 + //Turn transparency on 29 + ctx.globalAlpha = 0.2; 30 + ctx.fillStyle = "blue"; 31 + ctx.fillRect(50, 50, 75, 50); 32 + ctx.fillStyle = "green"; 33 + ctx.fillRect(80, 80, 75, 50); 34 +}, 1000 ); 35 +</script> 36 +{{/html}}