mirror of
https://github.com/photonstorm/phaser
synced 2024-11-30 16:39:34 +00:00
61 lines
2.2 KiB
JavaScript
61 lines
2.2 KiB
JavaScript
|
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
|
||
|
/// <reference path="../../Phaser/system/Tile.ts" />
|
||
|
/// <reference path="../../Phaser/Game.ts" />
|
||
|
(function () {
|
||
|
var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
|
||
|
function init() {
|
||
|
myGame.loader.addTextFile('desert', 'assets/maps/desert.json');
|
||
|
myGame.loader.addImageFile('tiles', 'assets/tiles/tmw_desert_spacing.png');
|
||
|
myGame.loader.addImageFile('car', 'assets/sprites/car90.png');
|
||
|
myGame.loader.load();
|
||
|
}
|
||
|
var map;
|
||
|
var car;
|
||
|
var marker;
|
||
|
var tile;
|
||
|
function create() {
|
||
|
map = myGame.createTilemap('tiles', 'desert', Phaser.Tilemap.FORMAT_TILED_JSON);
|
||
|
car = myGame.createSprite(250, 200, 'car');
|
||
|
car.setBounds(0, 0, map.widthInPixels - 32, map.heightInPixels - 32);
|
||
|
marker = myGame.createGeomSprite(0, 0);
|
||
|
marker.createRectangle(32, 32);
|
||
|
marker.renderFill = false;
|
||
|
marker.lineColor = 'rgb(0,0,0)';
|
||
|
myGame.camera.follow(car);
|
||
|
myGame.onRenderCallback = render;
|
||
|
myGame.input.onDown.add(randomTiles);
|
||
|
}
|
||
|
function randomTiles() {
|
||
|
map.currentLayer.randomiseTiles([
|
||
|
30,
|
||
|
31,
|
||
|
32,
|
||
|
38,
|
||
|
39,
|
||
|
40
|
||
|
]);
|
||
|
}
|
||
|
function update() {
|
||
|
marker.x = myGame.math.snapToFloor(myGame.input.worldX, 32);
|
||
|
marker.y = myGame.math.snapToFloor(myGame.input.worldY, 32);
|
||
|
car.velocity.x = 0;
|
||
|
car.velocity.y = 0;
|
||
|
car.angularVelocity = 0;
|
||
|
if(myGame.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
|
||
|
car.angularVelocity = -200;
|
||
|
} else if(myGame.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
|
||
|
car.angularVelocity = 200;
|
||
|
}
|
||
|
if(myGame.input.keyboard.isDown(Phaser.Keyboard.UP)) {
|
||
|
car.velocity.copyFrom(myGame.motion.velocityFromAngle(car.angle, 300));
|
||
|
}
|
||
|
}
|
||
|
function render() {
|
||
|
tile = map.getTileFromInputXY();
|
||
|
myGame.stage.context.font = '18px Arial';
|
||
|
myGame.stage.context.fillStyle = 'rgb(0,0,0)';
|
||
|
myGame.stage.context.fillText(tile.toString(), 32, 32);
|
||
|
myGame.input.renderDebugInfo(32, 64, 'rgb(0,0,0)');
|
||
|
}
|
||
|
})();
|