標籤: Canvas

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學(10) - 鍵盤控制

接下來這一篇將會來介紹如何使用鍵盤來控制圖片，讓目前 PIXI 更像一個遊戲。

2020-04-13 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (9) - speeds

接下來也是與圖片移動相關，但是這一次要介紹的是速度。

2020-04-06 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

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

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

2020-03-30 1 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (7) - Ticker

前面已經學會引入圖片，那麼單純只是引入圖片有點無聊，所以來試著移動圖片吧~

2020-03-23 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (6) - Texture(2)

上一篇介紹了使用 new PIXI.Loader(); 的方式來渲染圖片，這一篇則會介紹另一種寫法。

2020-03-16 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (5) - Texture

有引入文字那麼就會有引入圖片啦~而 PIXI 會使用 GPU 以及 WebGL 來渲染圖片，而圖片需要經過處理才能夠使用的，而通常處理好的圖片都會稱為 Texture。

2020-03-09 4 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (4) - Text

前一篇介紹了 Container，接下來要來看介紹前一篇所使用到的語法，也就是 new PIXI.Text()。

2020-03-02 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (3) - Container

前面基本知識也算是講得差不多，接下來將會介紹 PIXI 中的一個重要的東西，也就是 Container。

2020-02-24 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (2) - WebGL 以及 Renderer

這一篇會介紹一下前一篇沒有介紹的地方，舉例來講 WebGL 是什麼以及 Renderer 等語法跟說明。

2020-02-17 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (0) - 前言＆目錄

這個系列基本上是為了參加六角學院所舉辦的 w3HexSchool 鼠年全馬鐵人挑戰而撰寫的文章，第一篇稍微談一下為什麼要寫 PIXI 吧。

2020-02-03 3 分鐘閱讀

閱讀全文