PixiJS?

pixi是一款輕量、快速的2D圖形渲染引擎，不需深入探討WebGL api，即可利用WebGL加速並可以在不支援WebGL的情況下轉換為canvas，大部份用於2D動畫渲染及2D遊戲製作。

特點

以下介紹幾個官網敘述的特點：

• Fast:支援WebGL，效能好
• Flexible:且跨平台支援，包含電腦及行動裝置
• Free:Open Source，且有許多支援社群

開發環境

接下來會使用VSCode並搭配Vscode的外掛live server來啟動web server開發

安裝pixi

官網有提供npm及CDN的使用方法，接下來我們會使用CDN引用的方式使用pixi~
引用CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>

接著貼進以下這段程式碼並運行

<script type="text/javascript">
    let type = "WebGL"
    if(!PIXI.utils.isWebGLSupported()){
      type = "canvas"
    }

    PIXI.utils.sayHello(type)
  </script>

如果網頁console出現以下畫面，pixi就已經成功被引入了！

～如有疑問或是錯誤，歡迎不吝指教～

參考來源：
[1]https://www.itread01.com/content/1548891395.html
[2]https://github.com/kittykatattack/learningPixi
[3]https://medium.com/@yanglin_68397/%E4%BD%BF%E7%94%A8-pixi-js-%E9%96%8B%E7%99%BC-2d-%E5%B0%8F%E9%81%8A%E6%88%B2-%E4%B8%80-d448429ca5fc