Advertisement
Guest User

Brick Breaker with Phaser

a guest
May 4th, 2016
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Web Game</title>
  4.         <script src="javascript/phaser.min.js"></script>
  5.     </head>
  6.     <body>
  7.         <script type="text/javascript">
  8.             var game = new Phaser.Game(500,650,Phaser.AUTO,'',{preload: preload, create: create, update: update}, false, false);
  9.             function preload() {
  10.                 game.load.image('paddle','assets/paddle.png');
  11.                 game.load.image('ball','assets/ball.png');
  12.                 game.load.spritesheet('brick','assets/brick.png',50,40);
  13.             }
  14.             var bricks;
  15.             var Brick;
  16.             function create() {
  17.                 game.physics.startSystem(Phaser.Physics.ARCADE);
  18.                 game.stage.backgroundColor = "5577ff";
  19.                 paddle = game.add.sprite(game.world.centerX - 50, game.world.height - 75, 'paddle');
  20.                 game.physics.arcade.enable(paddle);
  21.                 paddle.body.collideWorldBounds = true;
  22.                 paddle.body.immovable = true;
  23.                 bricks = game.add.group();
  24.                 bricks.enableBody = true;
  25.                 for(y=0; y<3; y++) {
  26.                     for(x=0; x<10; x++) {
  27.                         Brick = bricks.create((50*x),(150-(50*y)),'brick');
  28.                         Brick.frame = y;
  29.                         Brick.body.immovable = true;
  30.                     }
  31.                 }
  32.                 ball = game.add.sprite(game.world.centerX - 10, game.world.height - 95, 'ball');
  33.                 game.physics.arcade.enable(ball);
  34.                 ball.body.collideWorldBounds = true;
  35.                 ball.body.velocity.x = 250 + Math.random() * 50;
  36.                 ball.body.velocity.y = -250 - Math.random() * 50;
  37.                 ball.body.bounce.x = ball.body.bounce.y = 1;
  38.             }
  39.             function update() {
  40.                 game.physics.arcade.collide(paddle,ball);
  41.                 game.physics.arcade.collide(ball,bricks,damage);
  42.                 paddle.body.velocity.x = 0;
  43.                 if(game.input.keyboard.isDown(Phaser.KeyCode.A)) {
  44.                     paddle.body.velocity.x = -500;
  45.                 } else if(game.input.keyboard.isDown(Phaser.KeyCode.D)) {
  46.                     paddle.body.velocity.x = 500;
  47.                 }
  48.             }
  49.             function damage(a, b) {
  50.                 if(b.frame === 0) {
  51.                     b.kill();
  52.                 } else {
  53.                     b.frame = b.frame - 1;
  54.                 }
  55.             }
  56.         </script>
  57.     </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement