成品預覽

 

用飲料杯接住從天而降的珍珠吧 !  用手指左右拖曳飲料杯 接住珍珠或者讓珍珠掉到畫面最底部，會再從天上掉下一顆珍珠

 

---

 

畫面編排

1. 新增一個專案，命名專案後按確定，點擊專案名稱進入編輯

 

2. 繪圖動畫 -> 畫布

把一個畫布拖曳到中screen1 選一個背景顏色 高度 : 350px 寬度 : 填滿

 

 

 

3. 在素材區上傳奶茶的圖片 milktea.jpg

(p.s.建議使用去背完的png檔，後面纔不會有白底)

 

4. 奶茶物件

將一個圖像精靈拉至畫布中 命名為tea 高度=100px 寬度=70px

 

 

5. 掉落的珍珠

將一個球型精靈拉至畫布中 命名為bubble 指向 : 270 (掉落的方向 : 270度) 間隔 : 5 (間隔越小，落下的視覺感越流暢) 畫筆顏色 : 深灰 半徑 : 8 速度 : 5

 

 

 

6. 開始按鈕

將一個按鈕拉至畫布1下方 命名為playbtn 字體大小 : 20 文字 : play

 

---

 

程式設計

1. Screen1初始化(代表開啟遊戲app時，所要做的初始化動作)

先讓珍珠不要落下 讓珍珠位於畫面的最頂端(Y=0) 珍珠的X座標則是隨機取畫面最左到最右的任意數值

 

2. play按鈕被按下時所要做的動作

讓珍珠開始下落

 

3. 珍珠落到畫面底部時要做的動作

邊緣數值=-1代表到達的邊界是畫面底端 讓珍珠回到畫面最頂端的位置，進行下一次的落下

 

4. 手指對奶茶進行拖曳時，要做的動作

將手指觸碰點的X位置賦予給奶茶物件 這樣奶茶就能一直跟著手指移動了

 

5. 珍珠碰到奶茶時要做的動作

這邊就暫時只進行讓珍珠回到最頂端，進行下一次落下 之後的延伸(如計分)也會寫在這邊!

 

---

 

阿鼠的話

這次的教學就到這邊~做遊戲真的很簡單吧

如果有甚麼不清楚的地方歡迎留言給我!

有時間的話阿鼠會盡快把後面的教學放上來~敬請持續關注囉