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

發表於 2020-03-30 分類於 JavaScript

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

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

前言

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

首先 ticker 有以下這幾個 API

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

1
2
3

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

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

1
2
3

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

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

1	app.ticker.destroy();

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

1
2
3

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

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

1	app.ticker.start();

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

1	app.ticker.stop();

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

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