mirror of
https://github.com/photonstorm/phaser
synced 2024-12-19 09:34:02 +00:00
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
|
/// <reference path="../../Phaser/Game.ts" />
|
||
|
|
||
|
(function () {
|
||
|
|
||
|
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update, render);
|
||
|
|
||
|
function init() {
|
||
|
|
||
|
// Using Phasers asset loader we load up a PNG from the assets folder
|
||
|
game.load.image('atari', 'assets/sprites/atari800xl.png');
|
||
|
game.load.image('card', 'assets/sprites/mana_card.png');
|
||
|
game.load.start();
|
||
|
|
||
|
}
|
||
|
|
||
|
var atari: Phaser.Sprite;
|
||
|
var card: Phaser.Sprite;
|
||
|
|
||
|
function create() {
|
||
|
|
||
|
atari = game.add.sprite(200, 310, 'atari');
|
||
|
|
||
|
card = game.add.sprite(500, 300, 'card');
|
||
|
|
||
|
atari.input.start(0);
|
||
|
atari.input.enableDrag();
|
||
|
|
||
|
card.input.start(0);
|
||
|
card.events.onInputDown.add(rotateIt, this);
|
||
|
|
||
|
}
|
||
|
|
||
|
function rotateIt() {
|
||
|
card.rotation += 10;
|
||
|
}
|
||
|
|
||
|
function update() {
|
||
|
}
|
||
|
|
||
|
function render() {
|
||
|
|
||
|
game.stage.context.save();
|
||
|
|
||
|
game.stage.context.strokeStyle = 'rgb(255,255,0)';
|
||
|
game.stage.context.strokeRect(atari.cameraView.x, atari.cameraView.y, atari.cameraView.width, atari.cameraView.height);
|
||
|
|
||
|
game.stage.context.strokeStyle = 'rgb(255,0,255)';
|
||
|
game.stage.context.strokeRect(card.cameraView.x, card.cameraView.y, card.cameraView.width, card.cameraView.height);
|
||
|
|
||
|
game.stage.context.restore();
|
||
|
|
||
|
}
|
||
|
|
||
|
})();
|