var config = { width: 960, height: 540, type: Phaser.CANVAS, parent: 'phaser-example', backgroundColor: '#ffffff', scene: { create: create, update: update } }; // dwitter globals var c; var x; var time = 0; var frame = 0; var S = Math.sin; var C = Math.cos; var T = Math.tan; function R (r,g,b,a) { a = a === undefined ? 1 : a; return "rgba("+(r|0)+","+(g|0)+","+(b|0)+","+a+")"; }; var game = new Phaser.Game(config); // https://www.dwitter.net/d/5479 function u (t) { c.width=1920;for(i=0;i<31;i++){for(j=25;j>-25;j--){x.fillRect(960+j*i*.5*C(i*.2)+C(2*t+i*.2)*300,540+j*i*.5*S(i*.2)+S(2.2*t+i*.2)*200,9,9)}} } function create () { var canvasTexture = this.textures.createCanvas('dwitter', 1920, 1080); c = canvasTexture.getSourceImage(); x = c.getContext('2d'); this.add.image(0, 0, 'dwitter').setOrigin(0).setScale(0.5); } function update () { time = frame / 60; if (time * 60 | 0 == frame - 1) { time += 0.000001; } frame++; u(time); }
Scan to open on your mobile device
var config = { width: 960, height: 540, type: Phaser.CANVAS, parent: 'phaser-example', backgroundColor: '#ffffff', scene: { create: create, update: update } }; // dwitter globals var c; var x; var time = 0; var frame = 0; var S = Math.sin; var C = Math.cos; var T = Math.tan; function R (r,g,b,a) { a = a === undefined ? 1 : a; return "rgba("+(r|0)+","+(g|0)+","+(b|0)+","+a+")"; }; var game = new Phaser.Game(config); // https://www.dwitter.net/d/5479 function u (t) { c.width=1920;for(i=0;i<31;i++){for(j=25;j>-25;j--){x.fillRect(960+j*i*.5*C(i*.2)+C(2*t+i*.2)*300,540+j*i*.5*S(i*.2)+S(2.2*t+i*.2)*200,9,9)}} } function create () { var canvasTexture = this.textures.createCanvas('dwitter', 1920, 1080); c = canvasTexture.getSourceImage(); x = c.getContext('2d'); this.add.image(0, 0, 'dwitter').setOrigin(0).setScale(0.5); } function update () { time = frame / 60; if (time * 60 | 0 == frame - 1) { time += 0.000001; } frame++; u(time); }