Changes for page Nixie Spritesheet

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

From version < 37.1 >

edited by Victor Zhang
on 17:28, 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,36
          +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 clean="false"}}
--<div id = "phaser-parent"></div>
++<div id="canvasparent">
++  <canvas id="mycanvas" width="800" height="600">
++  </canvas>
++</div>
  <script>
--var Phaser = require(['https://cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.js']);
  setTimeout( () => {
--  let ph_imageaddrbase = Window.location + "/WebHome/";
--  class phScene extends Phaser.Scene {
--    constructor ()
--    {
--        super({ key: 'phscene' });
--    }
--    preload ()
--    {
--    }
--    create ()
--    {
--    }
--  }
--// phaser config
--  let ph_game_config = {
--    type: Phaser.AUTO,
--    width: 800,
--    height: 600,
--    backgroundColor: '#000000',
--    parent: 'phaser-parent',
--    scene: phScene
--  };
--  let ph_game = new Phaser.Game(ph_game_config );
--}, 1000);
++  let c = document.getElementById("mycanvas");
++  let ctx = c.getContext("2d");
++
++  ctx.fillStyle = "red";
++  ctx.fillRect(20, 20, 75, 50);
++
++  //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}}