HTML5 Canvas Casino

使用技術

Canvas 搭配 Phaser 圖串動畫輸出

使用軟體

Animate CC + llustrator

這是我第一次使用 Canvas 在這個專案中，主要是因應 Flash 即將要被淘汰的困境，因此才會開發 HTML5 Canvas 版本，此專案共有分 3 種遊戲 :

1. Baccarat

2. Roulette

3. Sicbo

我先使用Illustrator 制作UI 設計稿，再將所有元素分別拆開另存成png 檔案，有動畫的物件透過Animate CC 轉成可透過Phaser 引擎去作圖串連播的Json 的檔案，此專案的困難度在於因為是由大量圖片去做畫面的呈現，在圖片壓縮上不能太過於糟糕，也必須讓效能能夠不會Delay ，在魚與熊掌之間的拿捏必須要適當，再來是這專案是以 Scrum 進行，因此很容易出現在半成品的狀態，因此在線上的版本與我當初的 UI 版本有很大的出入。