Changes for page Nixie Spritesheet

Last modified by Victor Zhang on 00:34, 22/07/2020

From version < 9.1 >

edited by Victor Zhang
on 16:48, 21/05/2020

To version < 77.1 >

edited by Victor Zhang
on 18:25, 21/05/2020

< >

Change comment: There is no comment for this version

Summary

Page properties

Content

@@ -10,39
          +10,27 @@
  |Rendered using Orthogonal Camera|[[image:NixieOrth.png]]
  |Rendered using Perspective Camera|[[image:NixiePers.png]]
  )))
--* CDN and phaser is used
++* Phaser P5 not working somehow needs investigate
--{{html}}
--<div id = "phaser-parent"></div>
--<script src="//cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.min.js"></script>
++{{html clean="false"}}
++<div id="canvasparent">
++  <canvas id="mycanvas" width="800" height="600">
++  </canvas>
++</div>
  <script>
--let ph_imageaddrbase = Window.location + "/WebHome/";
++setTimeout( () => {
++  let c = document.getElementById("mycanvas");
++  let ctx = c.getContext("2d");
--// phaser config
--let ph_game_config = {
--    type: Phaser.AUTO,
--    width: 800,
--    height: 600,
--    backgroundColor: '#000000',
--    parent: 'phaser-parent',
--    scene: phScene
--};
++  ctx.fillStyle = "red";
++  ctx.fillRect(20, 20, 75, 50);
--class phScene extends Phaser.Scene {
--    constructor ()
--    {
--        super({ key: 'phscene' });
--    }
--    preload ()
--    {
--    }
--
--    create ()
--    {
--    }
--}
--
--// Let's wait page to load before demo begin, one time so no need handle
--setTimeout(function(){ let ph_game = new Phaser.Game(ph_game_config ); }, 1000);
++  //Turn transparency on
++  ctx.globalAlpha = 0.2;
++  ctx.fillStyle = "blue";
++  ctx.fillRect(50, 50, 75, 50);
++  ctx.fillStyle = "green";
++  ctx.fillRect(80, 80, 75, 50);
++}, 1000 );
  </script>
  {{/html}}