這是「繚乱三国演義」中物語進行時的動畫。依照不同的故事情節,會出現不同的武將來陪伴玩家進行物語。
為了減少設計部門輸出的時間,在加上它並不是規則的正方形,在ios版本時我採用的是css的「-webkit-mask-box-image」方式把它遮成六角形的樣子。
但是在即將上線的android版本中,css的遮照會因為套用css動畫而失效。所以就必須考慮其他的方式。本來我是想在動畫結束後再重新套用一次css遮罩或是直接就用setinterval不斷的套用。可惜騙不過所有的android瀏覽器。最後只好想辦法用canvas來重新繪圖。
繼續閱讀