這次要介紹的是六角學院製作的免費小遊戲 ─ Flex Pirate
Flex Pirate： https://hexschool.tw/flexGame
這款遊戲今天釋出，本以為會像「JS 地下城」一樣在 udemy 上線，每週釋出新的挑戰關卡，沒想到實際上是一款網頁遊戲，無須註冊，點擊網址即可進行闖關。
進入遊戲後，會顯示目前挑戰成功人數、故事背景，以及遊戲辦法。
遊戲共有 20 道關卡，由淺入深。畫面左半邊由上而下為目前所在關卡、過關提示，以及作答區。
畫面右半邊則有海盜船與準心。海盜船是固定不動的，準心則會隨著作答區的內容而變換位置。
作答區輸入完畢後，按下紅色的「發射」按鈕，若答案正確，作答區會顯示「擊中目標」等字樣，且紅色按鈕會轉換為黃色的「下一關」按鈕。
當遊戲通關需要新的屬性時，遊戲提示區會提供新屬性及屬性值提示。
海盜船有分大型跟小型，其對應的準心也會不同。
成功通過 20 道關卡後，會出現獎狀，顯示本次闖關花費時間。若對遊戲有任何意見跟想法，可點擊「意見回饋」給予回饋。完成回饋表單，才會被列入破關人數統計。
遊戲中會用到的 flex 相關屬性如下：
flex-direction
flex-wrap
justify-content
align-items
align-content跟之前我介紹的另一款遊戲「Flexbox Froggy」比起來，使用到的屬性較少一些，有興趣的朋友不妨也玩玩這款免費小遊戲。
另外，它分頁頁籤上的小圖細緻討喜，不難看出製作者的用心。
各位前端練功者閒暇之餘可以拿來練練手、打發時間。
如果想看更多文章，點擊以下連結可以看到我的文章清單：
* 所有文章清單如果您喜歡這篇文章，或覺得這篇文章有幫到您，想給我一些支持，可以這麼做：
1. 登入 Liker 點擊下方 LikeButton 免費按讚(按5下)，或直接打賞 LikeCoin
2. 透過街口支付請我喝杯咖啡！
3. 拍拍手(1~50下) 給我一些鼓勵。
