PIXI.Text error

[Cyxo]

 

Hi,

 

When I try to use create text (with this code http://pixijs.github.io/examples/index.html?s=basics&f=text.js&title=Text ), it doesn't do anything. I also get an error message in my JS console saying : Uncaught TypeError: PIXI.Text is not a function (using Chrome)

 

Can you help me ?

 

PS: As I can't compile Pixi.js (to many Node.js/NPM problems), I had to take the one from this site : http://gametest.mobi/pixi/morph/pixi.js (site available on Pixi.js examples, under Demos - photonstorm's Morph Demo), but maybe he excluded some functions from Pixi before compiling...

[mattstyles]

You dont need to compile Pixi, it comes built. If you have node installed you can just do

npm i -S pixi.js

If you are using something like browserify or webpack that gives you commonJS modules for your client code then you can use

var PIXI = require( 'pixi.js' )

or pixi can attach globally using

require( 'pixi.js' )

Of course, if you arent using that then use the download links on the homepage or the github repo and simply include the `pixi.min.js` file  in the page which will give you a big fat global `PIXI`. You can still just include the script in the page using npm, install it first and then `<script src="node_modules/pixi.js/bin/pixi.min.js">` and you're good to go. No need to grab it from some other source, there are plenty of ways from the homepage.

 

edit: infact, `var pixi = require( 'pixi.js' )` will dump to global as well which is naughty naughty

[Cyxo]

 

Ok, that works now. Thank you very much ! 

[Cyxo]

 

Well I'm now having another problem with Pixi text (I post it here because the topic's title still match this problem). I know it caused a lot of trouble to people trying to do this, but I need to you use a custom font.

I tried using the CSS @font-face method, but the text is still in Times font.

I learned about bitmap fonts, but I don't know how to load them in my script using the new loader (the only available example uses the old, deprecated assetsLoader).

 

So what's the best way to use custom fonts with Pixi ? (Note: I have to be able to get the width of the generated text)

[xerver]

You can use any custom font with pixi, it just has to have been loaded before you draw with it. This is a browser limitation, not a Pixi limitation. Look for font loaders.

[Cyxo]

 

Ok, and what is the best font format ? Woff ? (I currently have woff, ttf, otf, eot and svg)

[mattstyles]

http://caniuse.com/#search=woff woff looks good (although ttf/otf are ordinarily better), something like font squirrel can pack a font for web use (many fonts look rubbish on the web, it wont help with that but it will make them work)

[Cyxo]

 

Ok, that worked ! Thank you very much for your help, guys !