Royal Roulette

使用技術

HTML5 + jQuery + CSS3

皇家輪盤,設計理念上與百家樂相同,差別在於桌面使用transform 的Perspective 與skew 屬性去做偽3D 透視的效果,難度在於我不斷的修正透視的角度,加上因為透視的關系,桌上的Chips 疊層的垂直角度也會改變,因此我分別區分左、中、右三塊作角度變化,效果非常不錯,再加上輪盤轉動的方式是使用逐格動畫透過Slider 的方式加速,呈現輪盤旋轉的方式轉動,球的滾動則是透過jQuery 的circulate 屬性去做轉圈的行為, 加上sizeAdjustment 做出透視感覺。