mirror of
https://github.com/wassname/phaser.git
synced 2026-08-09 12:20:34 +08:00
Loader.script now has callback (and callbackContext) parameters, so you can specify a function to run once the JS has been injected into the body.
This commit is contained in:
@@ -0,0 +1,72 @@
|
||||
|
||||
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 (specify as many as you like in the array)
|
||||
google: {
|
||||
families: ['Revalia']
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
function preload() {
|
||||
|
||||
// Load the Google WebFont Loader script
|
||||
game.load.script('webfont', '//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';
|
||||
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
|
||||
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', '//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';
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user