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

removedestroy 有點類似,但會推薦使用該方法銷毀動畫。

1
2
3
app.ticker.remove((delta) => {
...
})

start

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

1
app.ticker.start();

stop

stopstart 雷同,通常也是搭配監聽一起使用。

1
app.ticker.stop();

update

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

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

參考文獻

tiicker

0%