mirror of
https://github.com/photonstorm/phaser
synced 2024-12-18 17:16:03 +00:00
117 lines
2.5 KiB
PHP
117 lines
2.5 KiB
PHP
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>phaser.js - a new beginning</title>
|
||
|
|
<?php
|
||
|
|
require('js.php');
|
||
|
|
?>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
|
||
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
|
||
|
|
|
||
|
|
function preload() {
|
||
|
|
|
||
|
|
game.load.image('phaser', 'assets/sprites/phaser-dude.png');
|
||
|
|
game.load.image('bullet', 'assets/misc/bullet0.png');
|
||
|
|
game.load.spritesheet('veggies', 'assets/sprites/fruitnveg32wh37.png', 32, 32);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
var sprite;
|
||
|
|
var bullets;
|
||
|
|
var veggies;
|
||
|
|
var bulletTime = 0;
|
||
|
|
|
||
|
|
var bullet;
|
||
|
|
|
||
|
|
function create() {
|
||
|
|
|
||
|
|
game.stage.backgroundColor = '#2d2d2d';
|
||
|
|
|
||
|
|
// This will check Group vs. Group collision (bullets vs. veggies!)
|
||
|
|
|
||
|
|
veggies = game.add.group();
|
||
|
|
|
||
|
|
for (var i = 0; i < 50; i++)
|
||
|
|
{
|
||
|
|
var c = veggies.create(game.world.randomX, Math.random() * 500, 'veggies', game.rnd.integerInRange(0, 36));
|
||
|
|
c.name = 'veg' + i;
|
||
|
|
c.body.immovable = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
bullets = game.add.group();
|
||
|
|
|
||
|
|
for (var i = 0; i < 10; i++)
|
||
|
|
{
|
||
|
|
var b = bullets.create(0, 0, 'bullet');
|
||
|
|
b.name = 'bullet' + i;
|
||
|
|
b.exists = false;
|
||
|
|
b.visible = false;
|
||
|
|
b.events.onOutOfBounds.add(resetBullet, this);
|
||
|
|
}
|
||
|
|
|
||
|
|
sprite = game.add.sprite(400, 550, 'phaser');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function update() {
|
||
|
|
|
||
|
|
sprite.velocity.x = 0;
|
||
|
|
sprite.velocity.y = 0;
|
||
|
|
|
||
|
|
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
|
||
|
|
{
|
||
|
|
sprite.velocity.x = -200;
|
||
|
|
}
|
||
|
|
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
|
||
|
|
{
|
||
|
|
sprite.velocity.x = 200;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (game.input.keyboard.isDown(Phaser.Keyboard.SPACEBAR))
|
||
|
|
{
|
||
|
|
fireBullet();
|
||
|
|
}
|
||
|
|
|
||
|
|
game.physics.collide(bullets, veggies, collisionHandler, null, this);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function fireBullet () {
|
||
|
|
|
||
|
|
if (game.time.now > bulletTime)
|
||
|
|
{
|
||
|
|
bullet = bullets.getFirstExists(false);
|
||
|
|
|
||
|
|
if (bullet)
|
||
|
|
{
|
||
|
|
bullet.reset(sprite.x + 6, sprite.y - 8);
|
||
|
|
bullet.velocity.y = -300;
|
||
|
|
bulletTime = game.time.now + 250;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// Called if the bullet goes out of the screen
|
||
|
|
function resetBullet (bullet) {
|
||
|
|
bullet.kill();
|
||
|
|
}
|
||
|
|
|
||
|
|
function collisionHandler (bullet, veg) {
|
||
|
|
|
||
|
|
bullet.kill();
|
||
|
|
veg.kill();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|