成品预览

 

用饮料杯接住从天而降的珍珠吧 !  用手指左右拖曳饮料杯 接住珍珠或者让珍珠掉到画面最底部，会再从天上掉下一颗珍珠

 

---

 

画面编排

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. 珍珠碰到奶茶时要做的动作

这边就暂时只进行让珍珠回到最顶端，进行下一次落下 之后的延伸(如计分)也会写在这边!

 

---

 

阿鼠的话

这次的教学就到这边~做游戏真的很简单吧

如果有甚么不清楚的地方欢迎留言给我!

有时间的话阿鼠会尽快把后面的教学放上来~敬请持续关注啰