本作品大致製作完成,但在縮放視窗時,物件大小有誤;文章短期內不會更新。

這次的挑戰比較特別。
我看了這次直播的影片:《HTML5 Canvas 遊戲開發超入門#2》 X 《THE F2E 2nd》,覺得 Mike 老師介紹的 Phaser 遊戲框架很方便有趣,影片介紹也很詳盡,適合跟著做;所以嘗試用 Phaser 來製作這次的內容,也因此選了六角的設計稿。
雖然大部分是跟著直播影片做的,但因為直播介紹的跟設計稿的內容有點不同,所以我還是依據設計稿將細節調整過。

作品

Lynn 的 F2E 2nd 作品列表 / 第五關: 90 秒挑戰遊戲

閱讀全文 »

本作品更新的進度到刻完第一個版面。
短期內不會進行更新。

挑戰前兩關時都有遭遇到同樣的問題:

  • 對 JavaScript 不夠熟悉,為了查詢各種語法花費非常多時間。
  • 不熟悉用原生語法做 SPA ,對各種 DOM 元素開開關關感覺很冗長。
  • 寫文章時發現程式可以有更好的寫法,又回頭改程式,再改示意圖、截圖,來來回回寫不完。
  • 一邊惡補線上課程,作課程的作業,一邊做 F2E ,無法很專心在某個觀念。

被太多雜工拖慢進度之後感覺很疲乏,久了對於關卡也不那麼期待。
加上一直有想要趕快學 Vue.js ,幾番掙扎後決定把重心往 Vue 移動, F2E 則做到排版為止。
每篇挑戰文章會在最前面註記挑戰的進度。

作品

Lynn 的 F2E 2nd 作品列表 / 第三關: MP3 Player

閱讀全文 »