Pixi.jsで文字列を描画する

pixijs-text.png

<script src="http://miffysora.wikidot.com/local--files/webgl/pixi.min.js" type="text/javascript"></script>
</script>
<script type='text/javascript' >
// 初期化関数は`new PIXI.WebGLRenderer`か, `new PIXI.CanvasRenderer`, か`PIXI.autoDetectRenderer`です
var renderer = new PIXI.WebGLRenderer(200, 200, {backgroundColor: 0x533E25});
//<canvas>要素をbodyに追加します
document.body.appendChild(renderer.view);
 
//まず、 ルートコンテナを作成しないといけません。描画シーンのコンテナになります。
    var stage = new PIXI.Container();
    var textobj = new PIXI.Text("Hello", {font:'bold 40pt Arial', fill:'#A5D9DD'});//他のオブジェクトとは違い、CSS風に色を指定するのに注意
    textobj.position.x = 10;
    textobj.position.y = 10;
   stage.addChild(textobj);
   //描画関数開始
   renderer.render(stage);
</script>
<body>
</body>

text

サポートサイト Wikidot.com text