BitmapText updated and bought in-line with the new Text class. Moved to use the new Bitmap Text XML loader which should work fine on CocoonJS now and also supports multiple bitmap fonts per cache.

This commit is contained in:
photonstorm
2014-02-14 03:34:35 +00:00
parent 58e44f75e3
commit 24f2e2a46d
12 changed files with 498 additions and 478 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

+110
View File
@@ -0,0 +1,110 @@
<?xml version="1.0"?>
<font>
<info face="Carrier Command" size="32" bold="0" italic="0" charset="" unicode="1" stretchH="100" smooth="0" aa="1" padding="0,0,0,0" spacing="1,1" outline="0"/>
<common lineHeight="32" base="32" scaleW="512" scaleH="256" pages="1" packed="0" alphaChnl="0" redChnl="4" greenChnl="4" blueChnl="4"/>
<pages>
<page id="0" file="carrier_command_0.png" />
</pages>
<chars count="100">
<char id="32" x="194" y="160" width="18" height="1" xoffset="-6" yoffset="31" xadvance="38" page="0" chnl="15" />
<char id="33" x="440" y="128" width="7" height="31" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="34" x="54" y="160" width="19" height="12" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="35" x="96" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="37" x="128" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="39" x="74" y="160" width="7" height="12" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="40" x="384" y="128" width="13" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="41" x="398" y="128" width="13" height="31" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="42" x="256" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="43" x="288" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="44" x="40" y="160" width="13" height="13" xoffset="6" yoffset="19" xadvance="38" page="0" chnl="15" />
<char id="45" x="82" y="160" width="31" height="7" xoffset="0" yoffset="13" xadvance="38" page="0" chnl="15" />
<char id="46" x="186" y="160" width="7" height="6" xoffset="12" yoffset="26" xadvance="38" page="0" chnl="15" />
<char id="47" x="416" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="48" x="448" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="49" x="224" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="50" x="0" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="51" x="32" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="52" x="64" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="53" x="96" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="54" x="128" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="55" x="160" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="56" x="192" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="57" x="224" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="58" x="0" y="160" width="7" height="19" xoffset="12" yoffset="7" xadvance="38" page="0" chnl="15" />
<char id="59" x="464" y="128" width="13" height="25" xoffset="6" yoffset="7" xadvance="38" page="0" chnl="15" />
<char id="60" x="244" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="61" x="478" y="128" width="31" height="19" xoffset="0" yoffset="7" xadvance="38" page="0" chnl="15" />
<char id="62" x="264" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="63" x="416" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="64" x="448" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="65" x="480" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="66" x="0" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="67" x="32" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="68" x="64" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="69" x="96" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="70" x="128" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="71" x="160" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="72" x="192" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="73" x="284" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="74" x="256" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="75" x="288" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="76" x="320" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="77" x="352" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="78" x="384" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="79" x="416" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="80" x="448" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="81" x="480" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="82" x="0" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="83" x="32" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="84" x="384" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="85" x="96" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="86" x="128" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="87" x="160" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="88" x="192" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="89" x="224" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="90" x="256" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="91" x="412" y="128" width="13" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="92" x="288" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="93" x="426" y="128" width="13" height="31" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="95" x="154" y="160" width="31" height="6" xoffset="0" yoffset="26" xadvance="38" page="0" chnl="15" />
<char id="97" x="320" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="98" x="352" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="99" x="384" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="100" x="416" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="101" x="448" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="102" x="480" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="103" x="0" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="104" x="32" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="105" x="344" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="106" x="64" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="107" x="96" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="108" x="128" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="109" x="160" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="110" x="192" y="128" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="111" x="0" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="112" x="32" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="113" x="64" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="114" x="160" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="115" x="192" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="116" x="224" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="117" x="320" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="118" x="352" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="119" x="480" y="0" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="120" x="256" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="121" x="288" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="122" x="320" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="123" x="364" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="124" x="448" y="128" width="7" height="31" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="125" x="304" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="160" x="213" y="160" width="18" height="1" xoffset="-6" yoffset="31" xadvance="38" page="0" chnl="15" />
<char id="166" x="456" y="128" width="7" height="31" xoffset="12" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="171" x="352" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="172" x="8" y="160" width="31" height="13" xoffset="0" yoffset="13" xadvance="38" page="0" chnl="15" />
<char id="173" x="114" y="160" width="31" height="7" xoffset="0" yoffset="13" xadvance="38" page="0" chnl="15" />
<char id="177" x="324" y="128" width="19" height="31" xoffset="6" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="183" x="146" y="160" width="7" height="7" xoffset="12" yoffset="13" xadvance="38" page="0" chnl="15" />
<char id="187" x="384" y="32" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="215" x="224" y="64" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
<char id="247" x="64" y="96" width="31" height="31" xoffset="0" yoffset="1" xadvance="38" page="0" chnl="15" />
</chars>
</font>
+34
View File
@@ -0,0 +1,34 @@
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
function preload() {
game.load.bitmapFont('desyrel', 'assets/fonts/desyrel.png', 'assets/fonts/desyrel.xml');
game.load.bitmapFont('carrier', 'assets/fonts/carrier_command.png', 'assets/fonts/carrier_command.xml');
}
var text;
var text2;
function create() {
text = game.add.bitmapText(200, 100, 'carrier', 'Phaser & Pixi\nrocking!', 32);
text2 = game.add.bitmapText(200, 300, 'desyrel', 'Phaser & Pixi\nrocking!', 32);
// text.tint = Math.random() * 0xFFFFFF;
game.input.onDown.add(change, this);
}
function change() {
text.fontSize++;
}
function update() {
// text.text = 'Phaser & Pixi\nrocking!\n' + Math.round(game.time.now);
}
+4 -4
View File
@@ -3,7 +3,7 @@ var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: p
function preload() {
game.load.image('maggot', 'assets/sprites/maggot.png');
game.load.image('maggot', 'assets/sprites/ilkke.png');
}
@@ -16,7 +16,7 @@ function create() {
batch = game.add.spriteBatch();
var total = (game.renderType === Phaser.WEBGL) ? 10000 : 100;
var total = (game.renderType === Phaser.WEBGL) ? 1500 : 100;
for (var i = 0; i < total; i++)
{
@@ -42,8 +42,8 @@ function update() {
function updateMaggot(dude) {
dude.scale.y = 0.95 + Math.sin(tick + dude.offset) * 0.05
dude.direction += dude.turningSpeed * 0.01;
dude.scale.y = 0.95 + Math.sin(tick + dude.offset) * 0.15
dude.direction += dude.turningSpeed * 0.02;
dude.position.x += Math.sin(dude.direction) * (dude.speed * dude.scale.y);
dude.position.y += Math.cos(dude.direction) * (dude.speed * dude.scale.y);
dude.rotation = -dude.direction + Math.PI;