使用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);