移动编程动画.pptVIP

实例2：ButterFlyShooter飞机的左右移动 按BtnLeft，飞机向左移动 按BtnRight, 飞机向右移动 Ps是每按一下按钮，飞机移动的步长 Bspeed是子弹（BallBullet）的速度 实例2：ButterFlyShooter飞机的左右移动 当点击飞机时，发射子弹（BallBullet） a.设置子弹的初始位置（飞机的正前方一点） b.设置子弹速度 c.设置子弹飞行方向为正向上（90度） d.设置子弹为可见 实例2：ButterFlyShooter子弹 当子弹打中边界，则设置为不可见（即消失了） 当子弹打中其他个体（在此例中，即蝴蝶） a.子弹设置为不可见 b.分数（LabelScore.text）加1 2013.11.19 *(61) 移动编程导论 动画及画图 2013.11.19 *(61) 学习内容 动画的基本概念 实例1：飞翔的蝴蝶（ButterFly） 实例2：蝴蝶射击游戏（ButterFlyShooter） * * AppInventor画布坐标系统 图4-3 AppInventor画布坐标系统示意图 AppInventor画布坐标系统（Canvas Coordinate System）举例：右图中，水平坐标X，垂直坐标Y。 左上角坐标（0，0）， 右下角坐标（20，20）。 * * AppInventor的两个动画组件 多方式 以上两个组件需要结合Canvas使用 利用imagespite组件实现蝴蝶在屏幕上飞翔的情景。 实例1：飞翔的蝴蝶（ButterFly） 2013.11.19 *(61) 添加组件： Canvas 1个 imagespite 1个 Clock 1个 修改组件属性： 修改组件名字如右图； 修改Canvas宽度及高度至 合适的值； 导入图片bf01.png,bf02.png； 设imagespite组件的piture值为bf01.png 实例1：ButterFly组件设计 2013.11.19 *(61) 通过Clock组件显示蝴蝶图片 实例1：ButterFly蝴蝶跳跃飞图片显示 2013.11.19 *(61) 实例1：飞翔的蝴蝶（ButterFly） 实现蝴蝶翅膀开合的交替显示 蝴蝶跳跃飞翔的纵向量 蝴蝶翅膀开合标志 蝴蝶跳跃飞翔的横向量 纵向量的取5-10之间的随机值 随机决定，向上跳跃还是向下跳跃飞翔 在新的位置显示蝴蝶图片 蝴蝶翅膀开合标志的改变 蝴蝶遇到边界，可以： 调用Bounce方法改变蝴蝶heading属性； 让dx增量变为-dx, 可以实现在x轴上往相反方向走。 实例1：ButterFly蝴蝶遇到边界的处理 2013.11.19 *(61) 在ButterFly的基础上设计一个设计类的游戏: 1. 蝴蝶在屏幕上跳跃飞翔； 2. 小飞机在屏幕下方, 点击小飞机，可以发射子弹； 3. 子弹打中蝴蝶则得一分； 4. 可以控制小飞机左右移动。 实例2：蝴蝶射击游戏（ButterFlyShooter） 2013.11.19 *(61) 在ButterFly的基础上新添加组件： ImageSpite 1个 (ImagePlane) HirizontalArranger 2个 Ball 1个 （BallBullet） Button 2个 (BtnLeft, BtnRight) Label 2个 (Label1, LabelScore) 更改组件名称如右图 上载飞机图片 根据右图，更改各个组件属性 实例2：ButterFlyShooter 组件设计 2013.11.19 *(61) 参照讲义和课件完成以下动画程序，具体要求如下： 1. 蝴蝶在屏幕上跳跃飞翔； 2. 小飞机在屏幕下方, 点击小飞机，可以发射子弹； 3. 子弹打中蝴蝶则得一分； 4. 可以控制小飞机左右移动； 5. 子弹没有未打中蝴蝶或未飞出界前，不可以再发射新的子弹； 6. 当分数越来越高，蝴蝶的飞行速度 加快。 第五次作业 2013.11.19 *(61) 2013.11.05 *(47) 提交日期：周三(5