PixiJS V7 學習筆記

本專案學習方式

跟著 commits 第一筆紀錄開始，一步一步學習。

• (a81ac27) feat: 移動 container 所有 children 會一起移動，並取得 global position。
• (e999d8c) feat: 新增一個 Container 容器，故名思義就是可以裝東西用的。
• (df17542) feat: 重新安排畫面 左上放一隻 cat 和 blog 沒有額外設定，等一下要講 container
• (37ebf7c) fix: 補上 gsap cdn
• (6f7038f) feat: 太單調了！來使用 gsap 實現補間動畫
• (2e1c8ed) feat: hitArea 可直接設定 app.screen 因為就是 PIXI.Rectangle
• (f232e77) feat: 新增 README
• (6d2bec4) feat: 舞台偵聽事件的方法，需設置 hitArea，新增點擊舞台改變 cat 位置。
• (7f82d15) feat: 新增滑鼠指標圖示，且點擊更換紋理
• (eaf023b) feat: 新增 interactive 互動事件
• (dca446f) feat: 現在不同螢幕更新率的裝置，轉起來的速度也都一樣了！
• (eb08479) feat: 看起來不同裝置螢幕更新率問題好像解決了
• (7d91d47) feat: 使用 app.ticker 讓畫面動起來！
• (dc87916) fix: 修改 app.view 為 app.screen
• (3e8db82) feat: 改變 Sprite.rotation 的旋轉角度 (使用的是弧度不是角度)
• (530bc96) feat: 改變 Sprite 錨點位置和縮放比例
• (d706c61) feat: 改變 Sprite x y 座標的三種方式
• (0078cd6) feat: 新增資源載入進度，並新增多個 Sprite 到舞台中
• (72b507e) feat: 推薦！載入多張圖片的方式
• (c4af67e) feat: 使用 Texture.from 和 new Sprite 的方式新增一個精靈
• (656da2f) feat: 新橧一個精靈到舞台中
• (a17b64c) feat: 新增 Pixi 應用和舞台
• (6129582) feat: 新增 pixi.js lib

產生上方 commits 列表語法：

$ git log --format="- ([%h](https://github.com/cgh20xx/pixi-v7-intro/commit/%H)) %s "

官方 v7 Migration Guide

https://github.com/pixijs/pixijs/wiki/v7-Migration-Guide