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
-
... ... @@ -10,27 +10,16 @@ 10 10 |Rendered using Orthogonal Camera|[[image:NixieOrth.png]] 11 11 |Rendered using Perspective Camera|[[image:NixiePers.png]] 12 12 ))) 13 -* PhaserP5notworkingsomehow needsinvestigate13 +* CDN and P5 is used (Phaser somehow not functioning) 14 14 15 15 {{html clean="false"}} 16 -<div id="canvasparent"> 17 - <canvas id="mycanvas" width="800" height="600"> 18 - </canvas> 19 -</div> 16 +<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js"></script> 20 20 <script> 21 - setTimeout(()=>{22 - letc= document.getElementById("mycanvas");23 - let ctx = c.getContext("2d");18 +function setup() { 19 + createCanvas(640, 480); 20 +} 24 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 ); 22 +function draw() { 23 +} 35 35 </script> 36 36 {{/html}}