Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2025-02-17 06:28:30 +00:00
Code Issues Projects Releases Packages Wiki Activity

Couple of new labs tests.

Browse source
This commit is contained in:
photonstorm 2014-02-14 17:08:25 +00:00
parent 539a0f2256
commit bcd31499c4
3 changed files with 104 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
examples/wip/text.js
View file

@ -1,6 +1,5 @@
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render }, false);
// var game = new Phaser.Game(800, 600, Phaser.WEBGL, 'phaser-example', { preload: preload, create: create, update: update, render: render }, false);
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
function preload() {
@ -10,36 +9,37 @@ function preload() {
var text;
var b;
var grd;
function create() {
game.stage.backgroundColor = '#2d2d2d';
game.stage.setBackgroundColor(0x2d2d2d);
// text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nwith a sprinkle of\npixi dust");
text = game.add.text(game.world.centerX, game.world.centerY, "- phaser - with a sprinkle of pixi dust");
text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nwith a sprinkle of\npixi dust");
// text = game.add.text(game.world.centerX, game.world.centerY, "- phaser - with a sprinkle of pixi dust");
text.anchor.setTo(0.5);
text.font = 'Art of Fighting 2';
// text.font = 'Arial';
text.fontSize = 30;
// text.fontWeight = 'bold italic';
// text.font = 'Art of Fighting 2';
text.font = 'Arial Black';
text.fontSize = 60;
text.fontWeight = 'bold';
// x0, y0 - x1, y1
// var grd = text.context.createLinearGradient(0, 0, 0, text.canvas.height);
// grd.addColorStop(0, '#8ED6FF');
// grd.addColorStop(1, '#004CB3');
// text.fill = grd;
grd = text.context.createLinearGradient(0, 0, 0, text.canvas.height);
grd.addColorStop(0, '#8ED6FF');
grd.addColorStop(1, '#004CB3');
text.fill = grd;
text.fill = '#ff0044';
// text.fill = '#ff0044';
// text.lineSpacing = 16;
text.align = 'center';
text.stroke = '#000000';
text.strokeThickness = 2;
// text.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5);
text.wordWrap = true;
text.wordWrapWidth = 50;
text.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5);
// text.wordWrap = true;
// text.wordWrapWidth = 50;
// game.input.onDown.add(change, this);
@ -53,7 +53,7 @@ function create() {
function out() {
text.fill = '#ff0044';
text.fill = grd;
}
@ -65,19 +65,19 @@ function over() {
function change() {
text.tint = Math.random() * 0xFFFFFF;
// text.tint = Math.random() * 0xFFFFFF;
}
function update() {
b = text.getBounds();
// b = text.getBounds();
}
function render() {
game.debug.renderRectangle(b);
// game.debug.renderRectangle(b);
// game.debug.renderText(sprite.position.y, 32, 32);
}

36
labs/code/006 bitmap fonts ahoy.js Normal file
View file

@ -0,0 +1,36 @@
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
function preload() {
game.load.image('knightHawks', 'assets/fonts/KNIGHT3.png');
}
var font;
var i;
function create() {
font = game.add.bitmapFont('knightHawks', 31, 25, Phaser.BitmapFont.TEXT_SET6, 10, 1, 1);
font.text = 'phaser was here';
for (var c = 0; c < 19; c++)
{
var i = game.add.image(game.world.centerX, c * 32, font);
if (game.renderType === Phaser.WEBGL)
{
i.tint = Math.random() * 0xFFFFFF;
}
i.anchor.set(0.5, 1);
}
}
function update() {
font.text = "phaser x: " + game.input.x + " y: " + game.input.y;
}

47
labs/code/007 text shadow.js Normal file
View file

@ -0,0 +1,47 @@
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { create: create });
var text;
var grd;
function create() {
game.stage.setBackgroundColor(0x2d2d2d);
text = game.add.text(game.world.centerX, game.world.centerY, "- phaser -\nwith a sprinkle of\npixi dust");
text.anchor.setTo(0.5);
text.font = 'Arial Black';
text.fontSize = 60;
text.fontWeight = 'bold';
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';
}