/// /// /// (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.add.tilemap('tiles', 'desert', Phaser.Tilemap.FORMAT_TILED_JSON); car = myGame.add.sprite(250, 200, 'car'); car.setBounds(0, 0, map.widthInPixels - 32, map.heightInPixels - 32); marker = myGame.add.geomSprite(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(fillTiles); } function fillTiles() { // Fills the given region of the map (2,2,10,20) with tile index 15 map.currentLayer.fillTile(15, 2, 2, 10, 20); } function update() { marker.x = myGame.math.snapToFloor(myGame.input.getWorldX(), 32); marker.y = myGame.math.snapToFloor(myGame.input.getWorldY(), 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)'); } })();