老虎機前端開發 Part 2

關於遊戲開發的工具，大家比較常聽到的可能有會常用來開發3A遊戲的Unreal Engine ，或是一直非常流行的Unity，以博弈業來說 ，早期Adobe Flash 以及搭配視訊串流的技術，甚至在過去十年間讓線上博弈推上一波高峰 ，只可惜現在已經末期了，幾乎所有的廠商都慢慢捨棄掉Flash產品，轉型做 App 或是 Web 前端。

之前曾經在介紹前端工作的文章有提到，前端技術更新得很快，說真的要學也學不完，等你學完可能新的又出來了，學習好框架、JS 語法、CSS 技巧、打包以及發布工具等等的技能都是必須的，無論你是獨自開發或是團隊工作。至於有那些相關技術可以學習，可以參考最新的  前端 Front-end 學習地圖。

那為什麼要學習這麼多的前端技術和工具？首先它是一個熱門趨勢、 有著支持團隊開發的架構、易於實踐 RWD 響應式網頁、成熟的技術生態圈和工具，以及讓你成為一個有價值的前端工程師。

因為是熱門的技術，所以網路上的學習資源其實非常的多，像是最近看到的一個前端課程教材，或是Udemy 上搜尋都有很多完整的教學影片，另外就是直接找到你想學習的技術官網找tutorial或是example練習。當然，唯有動手做才是你自己的。

這邊也建議最好在實作中多看看別人怎麼寫 (從工作專案中成長也是很重要的)，不斷的google 、到 Stack Overflow 找答案  、不斷的從錯誤中學習 (Debug) …  當然重點就是不要放棄。

除了上述的前端的技術之外，也有不少好用的前端遊戲引擎和工具可以搭配，讓遊戲畫面的表現有更多的可能性。

1. 首先是IDE工具的部分，最紅的就是微軟的 vscode，免費、輕量、功能齊全，擴充套件非常的豐富，如果有預算的話則推薦WebStorm也非常好用。
2. 動畫工具我則是最喜歡的Greensock 的 Tweener ，語法簡單好上手，可以輕鬆的操作物件的位移和動作，非常適合做老虎機的滾輪轉動效果。
3. 遊戲引擎部分我比較常用的是 Pixi.js，因為它:

• • 是個優質的 2D WebGL 引擎
  • 語法簡單
  • 操作Spine動畫容易
  • 簡易的粒子特效編輯製作

pixi 甚至剛好有範例是做老虎機的，有興趣也可以看看:

https://pixijs.io/examples/#/demos/slots-demo.js

相對於後端需要的技能性質”深入且穩定”，我覺得前端技能的特質為”廣泛且彈性”，也是因為這個技能特質，所以有非常多種產品的可能性，也造就了非常多的職位需求，所以對想轉換跑道的人員是相對適合，但重點就是踏上這條路之後，你就必須持續學習，跟上技術的發展、不斷成長你的技能樹才會有競爭力

本篇比較重在引導和介紹，如果有什麼問題或是想要了解更多，都歡迎提出討論以及分享，之後的文章會再陸續提到關於博弈業的敏捷開發，或是老虎機遊戲架構設計的一些觀念，感謝各位的閱讀。

本文所有影片與圖片皆取材自網路，版權屬於原公司所有
本文章內容未經允許，不得轉載。若有文章授權需求請 聯絡我們