AI2 02-05 畫布(Canvas)事件應用-電子琴程式02

使用畫布(Canvas)組件、音效(sound),製作電子鋼琴,前一個使按鈕製作之電子鋼琴,雖然在按下按鈕時,按鈕上會產生淡化按鈕的變白效果,告知使用者讓按鈕被按壓了。

 

但若是我們想要按壓的效果,依照我們所想像的圖樣效果,例如按鍵變暗,或產生其他的圖案變化時,我們可以運用畫布(canvas)組件,來替換事件中的圖片。

 

 1、先從組件面版中拖曳出「8個畫布」、「8個音效」至工作面版中,並上傳圖檔及音效檔。

1) 拖曳8個畫布,然後為每個畫布置換預設的畫布底圖。以及上傳3個當「畫布被按壓」時所變換的按鍵變暗的圖片。
1060917Piano Canvas sound01

 

 

  2) 拖曳8個音效組件至畫面中,「音效」是非可視組件,所以呈現在工作面版下方。然後依序上傳音效檔。

 

 

 

2、切換至「邏輯設計」,將按鈕、音效之程式拼塊放入程式區。

1)點選畫布,從畫布拼塊中選出「當畫布1.被按壓」及「當畫布1.被鬆開」事件,放入程式區,其他按鈕也依序拖曳。及「設置畫布1.背景圖片」至相對應的兩個事件中。

 

2)點選「文本」,從文本拼塊中選出「空白文本」拼塊,拖曳至「設置畫布1.背景圖片」後,拼接起來,並輸入當其事件發生時,所要置換的圖片名稱。

 

 

3)點選音效,從音效拼塊中選出「調用音效1.播放」方法,拼入按鈕被點擊事件中,其他按鈕也依序拖曳。

 

完成上述動作後,請至模擬器或手機上觀看結果。 

誰在線上

目前有 173 訪客 以及 沒有會員 在線上

-

最多點閱

© 2017 iuiii.net . All Rights Reserved.