Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Web Game</title>
- <script src="javascript/phaser.min.js"></script>
- </head>
- <body>
- <script type="text/javascript">
- var game = new Phaser.Game(500,650,Phaser.AUTO,'',{preload: preload, create: create, update: update}, false, false);
- function preload() {
- game.load.image('paddle','assets/paddle.png');
- game.load.image('ball','assets/ball.png');
- game.load.spritesheet('brick','assets/brick.png',50,40);
- }
- var bricks;
- var Brick;
- function create() {
- game.physics.startSystem(Phaser.Physics.ARCADE);
- game.stage.backgroundColor = "5577ff";
- paddle = game.add.sprite(game.world.centerX - 50, game.world.height - 75, 'paddle');
- game.physics.arcade.enable(paddle);
- paddle.body.collideWorldBounds = true;
- paddle.body.immovable = true;
- bricks = game.add.group();
- bricks.enableBody = true;
- for(y=0; y<3; y++) {
- for(x=0; x<10; x++) {
- Brick = bricks.create((50*x),(150-(50*y)),'brick');
- Brick.frame = y;
- Brick.body.immovable = true;
- }
- }
- ball = game.add.sprite(game.world.centerX - 10, game.world.height - 95, 'ball');
- game.physics.arcade.enable(ball);
- ball.body.collideWorldBounds = true;
- ball.body.velocity.x = 250 + Math.random() * 50;
- ball.body.velocity.y = -250 - Math.random() * 50;
- ball.body.bounce.x = ball.body.bounce.y = 1;
- }
- function update() {
- game.physics.arcade.collide(paddle,ball);
- game.physics.arcade.collide(ball,bricks,damage);
- paddle.body.velocity.x = 0;
- if(game.input.keyboard.isDown(Phaser.KeyCode.A)) {
- paddle.body.velocity.x = -500;
- } else if(game.input.keyboard.isDown(Phaser.KeyCode.D)) {
- paddle.body.velocity.x = 500;
- }
- }
- function damage(a, b) {
- if(b.frame === 0) {
- b.kill();
- } else {
- b.frame = b.frame - 1;
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement