PixiJS V5 教學 (8) - Ticker(2)

前言

前面終於讓圖片動起來了，接下來這一篇就輕鬆一點試著了解一下剛剛移動圖片的 API 還有哪些吧~

ticker

首先 ticker 有以下這幾個 API

• add
• addOnce
• destroy
• start
• stop
• update

add

首先 add() 在前面已經有使用過，所以應該相當清楚，簡單說明就是會不停的執行，直到你停止為止。

1
2
3

app.ticker.add((delta) => {
  ...
})

addOnce

addOnce() 呢?與 add() 相反，它只會執行一次而已。

1
2
3

app.ticker.addOnce((delta) => {
  ...
})

destroy

destroy 意旨銷毀遊戲循環(add())，這邊要注意這個方法是會立刻銷毀所有動畫行為，一但銷毀後就不能再執行，但是基本上不太建議使用該方法。

1

app.ticker.destroy();

remove

remove 與 destroy 有點類似，但會推薦使用該方法銷毀動畫。

1
2
3

app.ticker.remove((delta) => {
  ...
})

start

start 是一個啟動器概念，通常可以搭配監聽一起使用。

1

app.ticker.start();

stop

stop 與 start 雷同，通常也是搭配監聽一起使用。

1

app.ticker.stop();

update

update 這個方法我就比較不清楚了，但主要也是與更新動畫有關係。

這一篇主要就是簡單列出 ticker 還有哪些 API 而已。

參考文獻

tiicker