App Inventor學習記錄220-撲克牌水平翻轉、垂直翻轉動畫試作

不知道大家有沒有看過遊戲王,在使用卡片的時候,要把卡牌從背面翻成正面才會產生效果。這次找到的範例就是這樣。

記錄一下:
App Inventor學習記錄220-撲克牌水平翻轉、垂直翻轉動畫試作


這次範例的完成品如下。

這是利用計時器和調整圖片大小做出來的。
這個範例我是在論壇中找到的


畫面配置的部份就是畫布元件加上 2個圖像精靈,還有 2個計時器。


全部的程式碼如上。


建立水平翻牌是否正面跟垂直翻牌是否正面這兩個變數,用來判斷牌是正面或反面。
建立最大寬度跟最大高度這兩個變數,這是用來取圖片的大小。

當程式初始化的時候,設定變數_最大寬度為圖像精靈的寬度,設定變數_最大高度為圖像精靈的高度。這樣子的設法,就會去抓素材圖片本來的大小。所以這裡就可以直接設定成數字。


當水平翻轉圖像精靈跟垂直翻牌圖像精靈被點擊的時候,分別把計時器 1跟計時器 2啟動。


計時器的計時間隔設定為 33,這樣看起來就會挺流暢的。
其它的做法請參考如上。


垂直翻轉的部份也是相同的。

這次介紹的是水平跟垂直翻轉牌面的做法。
加入翻牌的效果之後,整個的感覺就起來了。

之後會在加入不翻轉牌面,就是單純旋轉的效果。
然後再找到有趣的卡牌遊戲,看能不能套用一些桌遊的規則。

好像是個有趣的大工程。

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發佈留言