实验三动画和交互设计

《实验三动画和交互设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、05614班学号：052142序号：16郭祥妍游戏制作与开发实验三实验三动画和交互设计一、实验内容对小鸡过马路的示例进行如下任一方面的改进1.在街道上增加下水道口，而小鸡可能掉进去;下水道口可以随机出现2.在同一车道上可能出现两种以上车型，但同一时刻一个车道上只需出现一种车型；车型可随机出现3.小鸡从马路的左边到马路的右边后，需要从右边返回到左边才算完成一次任务，才可得分二、实验过程、选择第一项任务，即在街道上增加下水道口，而小鸡可能掉进去;下水道口可以随机出现。由此想到要创建一个新的精灵图像其基本样子就是一个黑色的圆，由此表示下水口。在PHOTOSHOP里面建立一个名为h

2、ole.PNG的文件，3030大小，然后加入到res/henway/中。之后开始进行HCanvas的改进。首先，在变量定义中新建立privateSpriteholeSprite;的新精灵。由此，Henway游戏中，不仅包括一个小鸡精灵和四个汽车精灵，还包括一个下水道口精灵holeSprite。holeSprite=newSprite(Image.createImage("/henway/hole.png"),30,30);初始化下水道口精灵。在try（）方法中，创建一个holeSprite精灵，提供其图片的地址和图片大小3030。向draw（）方法中添加代码，holeSpr

3、ite.paint(g);，绘制新的精灵holeSprite，将精灵放在小鸡和汽车之上，马路之下，确保小鸡和汽车都能从之上走过。之后，添加小鸡和下水道口的冲突检测。if(chickenSprite.collidesWith(holeSprite,true))//如果下水道口和小鸡发生冲突{AlertType.ERROR.playSound(display);//播放失败声音if(--numLives==0){//生命数减一后，如果生命等于0gameOver=true;}//则游戏已经结束else//若生命数减一之后还不等于零，则游戏还未结束chickenSprite.set

4、Position(2,77);//重置小鸡位置}在冲突检测添加之后，小鸡和下水道口一旦发生冲突，生命数减一，若不为零时，则游戏重新开始，小鸡和下水道口都需要重置。这里只重置了小鸡是不行的，如果只重置小鸡，则每次游戏重新开始时下水道口都会在同一个位置上面。所以需要在每一次重置小鸡的时候也同时重画一次holeSprite，重新定向hole的位置。第3页共3页05614班学号：052142序号：16郭祥妍游戏制作与开发实验三添加如下语句到程序的几个位置。holeSprite.setPosition//设置下水道口初始位置其一是在update()里面游戏重新开始的时候。重置hole

5、Sprite。在小鸡和下水道口。发生冲突的地方也加入此语句。同样在小鸡和汽车发生冲突的地方也同样加入。由此，一旦游戏重新开始，小鸡又回到左边的时候下水道口就会自动重置。最后，用random函数将hole的位置。在变量定义中建立random函数。Randomrand=newRandom();之后，在start（）方法里面初始rand=newRandom();下水道口自动随机位置语句为：holeSprite.setPosition((rand.nextInt()>>>1)%130+40,(rand.nextInt()>>>1)%150);表示x轴由40-140，y轴为0-150

6、.由此，在街道上增加下水道口，而小鸡可能掉进去，下水道口可以随机出现的结果实现了。下图为在不同位置的下水道口截图。在做过第一个实现实验之后，尝试做了第三个：小鸡从马路的左边到马路的右边后，需要从右边返回到左边才算完成一次任务，才可得分。建立了一个direction参量。Direction为鸡头的方向，direction=o为鸡头朝右，direction=1为鸡头朝左。privateintdirection=0;/在判断得分部分，加入如下代码。if(chickenSprite.getX()>154&&direction==0){//表示当小鸡在右侧时且鸡头方向朝右时try{i

7、ntx=chickenSprite.getX();//建立xy代表小鸡精灵的坐标inty=chickenSprite.getY();chickenSprite=newSprite(Image.createImage("/Chicken1.png"),22,22);//载入新的chicken图，翻转后的chickenSprite.setPosition(x,y);holeSprite.setPosition((rand.nextInt()>>>1)%130+40,(rand.nextInt()>>>1)%150);d