DigitMagazine

Devworx Jan 2019 Index.html for Phaser

Dec 25th, 2018
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.62 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script>
  5. </head>
  6. <body>
  7.  
  8.    <script>
  9.    var config = {
  10.        type: Phaser.AUTO,
  11.        width: 800,
  12.        height: 600,
  13.        physics: {
  14.            default: 'arcade',
  15.            arcade: {
  16.                gravity: { y: 200 }
  17.            }
  18.        },
  19.        scene: {
  20.            preload: preload,
  21.            create: create
  22.        }
  23.    };
  24.  
  25.    var game = new Phaser.Game(config);
  26.  
  27.    function preload ()
  28.    {
  29.        this.load.setBaseURL('http://labs.phaser.io');
  30.  
  31.        this.load.image('sky', 'assets/skies/space3.png');
  32.        this.load.image('logo', 'assets/sprites/phaser3-logo.png');
  33.        this.load.image('red', 'assets/particles/red.png');
  34.    }
  35.  
  36.    function create ()
  37.    {
  38.        this.add.image(400, 300, 'sky');
  39.  
  40.        var particles = this.add.particles('red');
  41.  
  42.        var emitter = particles.createEmitter({
  43.            speed: 100,
  44.            scale: { start: 1, end: 0 },
  45.            blendMode: 'ADD'
  46.        });
  47.  
  48.        var logo = this.physics.add.image(400, 100, 'logo');
  49.  
  50.        logo.setVelocity(100, 200);
  51.        logo.setBounce(1, 1);
  52.        logo.setCollideWorldBounds(true);
  53.  
  54.        emitter.startFollow(logo);
  55.    }
  56.    </script>
  57.  
  58. </body>
  59. </html>
Add Comment
Please, Sign In to add comment