mirror of
https://github.com/photonstorm/phaser
synced 2024-11-23 13:13:43 +00:00
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
/// <reference path="../../Phaser/Game.ts" />
|
|
|
|
(function () {
|
|
|
|
var game = new Phaser.Game(this, 'game', 800, 600, preload, create, null, render);
|
|
|
|
function preload() {
|
|
|
|
// Using Phasers asset loader we load up a PNG from the assets folder
|
|
game.load.image('sprite', 'assets/sprites/parsec.png');
|
|
|
|
|
|
}
|
|
|
|
var sprite: Phaser.Sprite;
|
|
|
|
function create() {
|
|
|
|
game.stage.backgroundColor = 'rgb(85,85,85)';
|
|
|
|
sprite = game.add.sprite(200, 400, 'sprite');
|
|
|
|
// Enable Input detection. Sprites have this disabled by default,
|
|
// so you have to start it if you want to interact with them.
|
|
sprite.input.start(0, false, true);
|
|
|
|
// This allows you to drag the sprite. The parameter controls if you drag from the position you touched it (false)
|
|
// or if it will snap to the center (true)
|
|
sprite.input.enableDrag();
|
|
|
|
// This will lock the sprite so it can only be dragged horizontally, not vertically
|
|
sprite.input.allowVerticalDrag = false;
|
|
|
|
}
|
|
|
|
function render() {
|
|
|
|
Phaser.DebugUtils.renderInputInfo(32, 32);
|
|
Phaser.DebugUtils.renderSpriteInputInfo(sprite, 300, 32);
|
|
|
|
}
|
|
|
|
})();
|