記錄一下:
App Inventor學習記錄184-用 2張圖片來做會不斷移動遊戲背景
這次的範例完成後,會像下面這樣子。
圖片會不動的重覆移動。
左上的標籤所顯示的數值,則是變數 y的數值。
畫面編排的部份如下。
畫布上放了兩個圖片精靈,這兩個圖片精靈的圖片,都設定成上傳素材庫中的 bg.png,這兩個圖片精靈就是我們等一下要拿來當背景的圖片。
程式一開始就會啟動計時器,而計時器開始計時的時候,會改變變數_y的座標的值,我們再調整 2張圖片相對應的位置。雖然是圖片精靈在移動,但看起來就會像是背景不斷的在移動變化。
我大概畫了一個圖,這次用到的方法,大概就是這個意思。
全部的程式碼如下。
我們先建立兩個變數。
when screen 1.initialize當程式初始化的時候。
set canvas1.width to screen 1.width,把畫布寬,設定成螢幕高。
set canvas1.height to 3 x vertical arrangement 1.height,把 畫布高設定成 3倍的垂直配置高。
這一個是很重要的一個設定。
接著,我們把 2個圖片精靈的高度設定成螢幕高,寬度設定成螢幕寬。用 call image sprite.move to程式,把兩個圖片移動到指定的位置。
我們在畫布上放球形精靈或是圖片精靈的時候,記得都一定要設定他們的位置。特別是我們這一次把畫布的高度,設定成 3位的垂直配置高。不設定位置的話,會完全找不到。
然後,我們啟動計時器。
計時器開始計時的時候。
我們把變數_y的座標的值,設定成每秒加 1。然把圖片精靈 1移動到新的位置。把圖片精靈 2也移動到新的位置。這裡請注意一下圖片精靈 2 y座標的設定方法。
加上一個判斷式,如果變數_y的座標的值大於等於垂直配置的高度的時候。
就把變數_y的座標的值,設定回 0,再移動圖片精靈 1。
這樣我們就可以把 2張圖片,做一個不斷重覆的循環。背景就會不斷的變化。
全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!