後來知道也可以透過canvas讓網頁動起來！

而PixiJS是使用WebGL在canvas上繪製內容與製作動態

且同時有下列特色：

支援多點觸控

掩碼與混合模式

可外加WebGL濾鏡

多裝置支援

等等，什麼是WebGL(sxjlf88)？

WebGL是一種JS的API，讓網頁能不需使用外掛程式就能在HTML的canvas元素中實現二維及三維渲染。

不過要注意的是，有些瀏覽器預設會把WebGL關閉，避免太吃效能，要開啟可以參照這篇文章How can I enable WebGL in my browser？

這邊我示範一下chrome如何開啟。

首先，開啟硬體加速功能

進入chrome://settings/

接著，啟用WebGL

進入chrome://flags/

搜尋WebGL點選啟用

最後，確認WebGL狀態

進入chrome://gpu/

如果狀態不是Hardware accelerated，下方的Problems Detected列表可能會解釋原因！

不過前面提到了這麼多看起來很讚的特色，想當然就是不能支援太過老舊的瀏覽器。

或許有人會說，那怎麼不用three.js或phaser3呢？

這是因為這兩者底層實際上也是用PixiJS，這樣你不覺得先學好PixiJS再去學這兩者會比較快速嗎？

而且PixiJS更新時，three.js及phaser3需要等待一段時間才有辦法更新。

就連前段時間很紅的

這款遊戲也是用PixiJS製作的！

對，你沒有聽錯，Canvas也可以做遊戲！

在接下來的四天時間，我將會帶各位初步瞭解PixiJS的語法以及實作，那們我們明天見(leafor)！