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 版本有很大的出入。