mirror of
https://github.com/photonstorm/phaser
synced 2024-12-04 18:40:59 +00:00
72 lines
1.7 KiB
JavaScript
72 lines
1.7 KiB
JavaScript
|
|
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create });
|
|
|
|
// The Google WebFont Loader will look for this object, so create it before loading the script.
|
|
WebFontConfig = {
|
|
|
|
// 'active' means all requested fonts have finished loading
|
|
// We set a 1 second delay before calling 'createText'.
|
|
// For some reason if we don't the browser cannot render the text the first time it's created.
|
|
active: function() { game.time.events.add(Phaser.Timer.SECOND, createText, this); },
|
|
|
|
// The Google Fonts we want to load
|
|
google: {
|
|
families: ['Revalia', 'Droid Sans', 'Droid Serif']
|
|
}
|
|
|
|
};
|
|
|
|
function preload() {
|
|
|
|
// Load the Google WebFont Loader script
|
|
game.load.script('webfont', 'http://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js');
|
|
|
|
}
|
|
|
|
var text = null;
|
|
var grd;
|
|
|
|
function create() {
|
|
|
|
game.stage.setBackgroundColor(0x2d2d2d);
|
|
|
|
}
|
|
|
|
function createText() {
|
|
|
|
text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nrocking with\ngoogle web fonts");
|
|
text.anchor.setTo(0.5);
|
|
|
|
text.font = 'Revalia';
|
|
text.fontSize = 60;
|
|
|
|
// x0, y0 - x1, y1
|
|
grd = text.context.createLinearGradient(0, 0, 0, text.canvas.height);
|
|
grd.addColorStop(0, '#8ED6FF');
|
|
grd.addColorStop(1, '#004CB3');
|
|
text.fill = grd;
|
|
|
|
text.align = 'center';
|
|
text.stroke = '#000000';
|
|
text.strokeThickness = 2;
|
|
text.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5);
|
|
|
|
text.inputEnabled = true;
|
|
text.input.enableDrag();
|
|
|
|
text.events.onInputOver.add(over, this);
|
|
text.events.onInputOut.add(out, this);
|
|
|
|
}
|
|
|
|
function out() {
|
|
|
|
text.fill = grd;
|
|
|
|
}
|
|
|
|
function over() {
|
|
|
|
text.fill = '#ff00ff';
|
|
|
|
}
|