分類彙整: WEB&RIA

[TITANIUM] ALLOY與GCM的應用

發佈日期: 作者:

alloy_GCM上次「[Titanium]用appcelerator的app management實現Push Notification」中有網友問了如何在titanium中使用GCM(Google Cloud Messaging)。當時還想說卡牌遊戲的案子應該夠我忙一陣子了，想不到這麼快我也碰到這樣的案子。剛好titanium的SDK在升級到3.0跟內建ALLOY後我也沒有好好跟它親近一下，趁這個機會實作完就順便筆記一下吧。
這次的需求是透過corepush這個asp來push廣播。所以先參考了它的說明到Google APIs Console新建了一個project。但是到了「Create new Server key」這一步會發現我們的API Access中並沒有像他的圖一樣出現「Create new Server key」的選項。原來它少了到serveice中打開「Google Cloud Messaging for Android」這一個步驟。手動打開後就可以順利取得API Key囉。
但是麻煩的才剛剛開始，corepush第四步提供的是原生的java範例，並不適用於我們的titanium。所以接下來就得去參考Google-Cloud-Messaging-Titanium。
閱讀全文 →

[HTML5]利用canvas裁剪圖片成不規則形狀

發佈日期: 作者:

這是「繚乱三国演義」中物語進行時的動畫。依照不同的故事情節，會出現不同的武將來陪伴玩家進行物語。
為了減少設計部門輸出的時間，在加上它並不是規則的正方形，在ios版本時我採用的是css的「-webkit-mask-box-image」方式把它遮成六角形的樣子。

但是在即將上線的android版本中，css的遮照會因為套用css動畫而失效。所以就必須考慮其他的方式。本來我是想在動畫結束後再重新套用一次css遮罩或是直接就用setinterval不斷的套用。可惜騙不過所有的android瀏覽器。最後只好想辦法用canvas來重新繪圖。
閱讀全文 →