前言

上次參加已經是前年，去年懶惰癌發作沒有參加，其實今年原本也想找各種藉口不參加～但是這次剛好卡在換工作之際，9月剛好是一名無業遊民，如果不參加我怕對不起我爸媽!？也順便讓這個月有個學習目標，畢竟已經很菜再不學會覺得自己太廢，順便為新工作做些準備～

為什麼要選Canvas?

因為喜歡ㄏㄧㄏㄨㄚ的動效，在前年我寫了css和svg動畫，今年還是想繼續研究動畫，所以選擇了canvas，工作上一直有接觸一點canvas，但對canvas總覺得有點半生不熟，所以想先弄清楚基本canvas的用法，再進一步學習以canvas為底層的library- PixiJS。

為什麼要選PixiJS?

PixiJS是一款基於javaScript的2D繪圖引擎，主要用來做2D網頁遊戲，以下是官網介紹pixi特性：

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

研究所的時候曾經用Unity做過電腦及手機遊戲，希望在不久的將來!?也可以用PixiJs做屬於自己的網頁/手機遊戲。

文章大綱

目前規劃是希望前面15天-canvas，後面15天-pixi來作為自己的學習筆記，但基本上我會希望先把canvas用法搞懂，再進一步的探討pixi，所以會以canvas為主，剩下天數研究pixi，並搭配vue撰寫範例，以下是目前規劃大綱：

1. canvas 基礎功能及範例
2. pixi 基礎功能及範例

團隊成員

謝謝甘阿餒團隊成員邀請我一起參加，希望我能順利完賽不拖累他們XD。
他們各個都很厲害又幽默，大家如果對於文章有興趣可以去訂閱他們文章，如果覺得他們很有才，對他們的人有興趣可以追蹤他們XD～

Yass-菜雞前端邁入網頁即時通訊(WebRTC)之旅

Dino-菜雞用 Phaser 拾起童年遊戲

Deron-菜雞 Android APP 從安裝 Android Studio 到上架 Google Play

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

參考來源：
[1]https://www.pixijs.com/