学习笔记：一起进入 PixiJS 的世界 (四)

建立文字物件

使用new建构出PIXI.Text()文字物件，并将文字的内容做为第一个参数传入，再将其放置进之前建构的场景中，即可建立基础的文字物件。

//建立出一个基础场景，将建立出来的场景放入网页中
let app = new PIXI.Application({ width: 640, height: 360 });
document.body.appendChild(app.view);
//建立出一个文字物件，将物件放置场景中
let myText = new PIXI.Text('新的文字物件');
app.stage.addChild(myText);

来点有趣的文字样式

使用PIXI.Text()建构文字物件时，第二个参数可以传入定义style的样式物件，即可将样式套用在建立的文字中，让文字的效果更加多元。

//先定义样式，并指定一个变数
let style = new PIXI.TextStyle({
    fontFamily: 'Roboto',
    fontSize: 36,
    fontWeight: 'bold',
    fill: '#ffdd00',
    dropShadow: true,
    dropShadowColor: '#ddd',
    dropShadowBlur: 5
    });
//建立文字物件，传入文字内容与刚刚建立的样式
let myText = new PIXI.Text('新的文字',style);
app.stage.addChild(myText);