学步园

房子到期了，刚搬家，网还没转过去，回去之后一个人只能看看广告，不想被电视台QJ，于是就在公司赖着蹭网、蹭空调。实在太无聊，刚好昨天和@zhzhxtrrk聊到了移动设备上的游戏开发，据说在国外美刀赚很凶的，于是乎就写个玩玩呗，度过漫漫长夜。。。

说实话不想装sdk，于是就java上了，上网down素材。。。。然后开始动工。

先简单介绍下游戏的原理吧。

一、重写jpanel的print方法，在这个方法里面做的事情：1.画障碍物（顶部的尖刺） 2.画地板队列中的所有地板 3.画人 4.画图血条等提示信息

二、新建一个线程，这个线程不停的循环，在这个线程中做的事情：1.更新地板的位置 2.随即生成新的地板 3.更新地板动画 4.删除已经在窗口外面的地板

      每次循环休眠一段时间，每个循环是一个时钟周期，不同的时钟周期做不同的事情（35个时钟周期生成一个地板，7个时钟周期更新一次地板动画）

效果图：

核心代码剖析：

//重写PAINT方法<br /> public void paint(Graphics g) {<br /> g1.clearRect(0, 0, 300, 400);</p> <p> //画顶部的尖刺<br /> for (int i = 0; i < 300 / 15; i++) {<br /> g1.drawImage(chi, 15 * i, 30, null);<br /> }<br /> man.drawMan(g1);<br /> NFloor tempFloor = null;<br /> //画所有地板<br /> for (int i = 0; i < floorList.size(); i++) {<br /> tempFloor = (NFloor) floorList.get(i);<br /> tempFloor.drawFloor(g1);<br /> }</p> <p> g1.setColor(Color.ORANGE);<br /> g1.setFont(new Font("Courier", Font.BOLD, 20));<br /> g1.drawString("已经:" + man.getFloor() + "层", 10, 60);<br /> g1.drawString("血:", 10, 85);</p> <p> g1.setColor(Color.RED);<br /> g1.fillRect(40, 75, man.getHealth(), 10);</p> <p> g1.setColor(Color.YELLOW);<br /> g1.fillRect(40+man.getHealth(), 75, 100-man.getHealth(), 10);</p> <p> g.drawImage(buffimg, 0, 0, this);<br /> }

在画图方法中不需要关注任何信息，只需要获取需要画图的对象，然后调用对象的画图方法即可。这里图片的尖刺是画出来的，如果能在底部图上把这些直接画上也是可以的。这样做也有好处，我们可以在画布的四周全部布满尖刺，如果碰到尖刺就死亡，这个也是可以的。

if (floorList.size() < 10) {<br /> num++;<br /> int floor_x = (int) (Math.random() * (300 - 100));<br /> floorList.add(new NFloor(floor_x, 400 + (int) (Math.random() * 3),<br /> (int) (Math.random() * 6), num));<br /> }

地板的生成：地板队列（floorList）小于10的时候（表明同事出现的地板不超过10个），随即生成一个NFloor，X坐标为(int) (Math.random() * (300 - 100))因为画布宽度为300，地板为100，所以我们不能让地板的最右边超出画布，所以就是300-100之间的随机数。请看下图X的取值原理

//RUN 方法<br /> public void run() {<br /> int count = 0;<br /> int num = 0;<br /> while (true) {<br /> if (!man.isDie()) {<br /> //更新地板的位置<br /> for (NFloor floor : floorList) {<br /> floor.setY(floor.getY() - floor.getSpeed());<br /> }</p> <p> //生成新地板,35个周期生成一个<br /> if (count % 35 == 0) {<br /> if (floorList.size() < 10) {<br /> num++;<br /> int floor_x = (int) (Math.random() * (300 - 100));<br /> floorList.add(new NFloor(floor_x, 400 + (int) (Math.random() * 3),<br /> (int) (Math.random() * 6), num));<br /> }</p> <p> count = 0;<br /> }</p> <p> if(count % 7 == 0){<br /> //更新地板动画<br /> for (NFloor floor : floorList) {<br /> floor.update();<br /> }<br /> }</p> <p> count++;</p> <p> //删除地板<br /> for (Iterator<NFloor> it = this.floorList.iterator(); it.hasNext();) {<br /> NFloor floor = (NFloor) it.next();<br /> if (floor.getY() < 40) {<br /> it.remove();<br /> }<br /> }</p> <p> //重画<br /> repaint();<br /> }else{<br /> //清空数据<br /> floorList.removeAllElements();<br /> count = 0;<br /> num = 0;<br /> man.setHealth(100);<br /> }</p> <p> try {<br /> Thread.sleep(20);<br /> } catch (InterruptedException e) {<br /> e.printStackTrace();<br /> }<br /> }<br /> }

新启动的这个线程中会控制时钟周期（每次时钟周期休眠一段时间，这个值可以看效果订），每个时钟都会更新地板的位置，地板位置的计算公式：x坐标不变（地板X轴始终是不变的）y=y-speed（Y轴的坐标会每次以一定的速度减少，看到的效果就是地板在不停的上升）。同时每35个时钟周期会随即生成一个地板。

同时我们会在每个时钟周期判断一个地板是否超过了画布，如果超过了就直接删除掉。

由于画板中有些地板是有动画效果的，所以需要每7个时钟周期更新一下地板的状态，做出动画效果floor.update()这个随后讲地板的时候在介绍

最后会掉一次repaint()把更新完成的数据重新在画布上画出来。

地板类：

public void drawFloor(Graphics g1) {<br /> //貌似没有找到空心的资源，所以手动画之。。。<br /> if(style==5){<br /> g1.setColor(Color.GRAY);<br /> g1.fillRect(x, y, width, heigth);<br /> return;<br /> }</p> <p> //其他类型的图片都在资源文件里面，这里只需要根据不同的style（地板类型）、donghua（地板的动画状态）来获取需要画的图片即可<br /> try {<br /> img = ImageIO<br /> .read(new File(res.get(String.valueOf(style)).get(String.valueOf(donghua))));<br /> } catch (IOException e) {<br /> }</p> <p> g1.drawImage(img, x, y, null);<br /> }

每次画地板的时候根据地板的不同style（地板类型）、donghua（地板的动画状态）来获取需要画的图片，然后画到画布上。

public void update() {<br /> //每次更新，获取到动画的状态，status计数器自增，statusNum为状态总数<br /> status = status + 1;<br /> //取模获取动画的循环状态<br /> donghua=status%statusNum;<br /> if(donghua==0){<br /> status=0;<br /> }<br /> }

每次获取不同的动画状态，供上面的方法在获取图片的时候获取不同的图片。

玩家类：

public void drawMan(Graphics g) {<br /> //角色与顶端的碰撞处理<br /> if (y < 40 || y > 400 || health <= 0) {<br /> isDie = true;<br /> }</p> <p> if (!isDie) {<br /> for (int i = 0; i < game.floorList.size(); i++) {<br /> this.isManOnFloor = false; //初始化角色悬空<br /> floor1 = (NFloor) game.floorList.get(i);</p> <p> //判断角色是否在地板上以及处理<br /> if (x >= floor1.getX() - MAN_WIDTH && x < floor1.getX() + floor1.width<br /> && y >= floor1.getY() - MAN_HEIGHT<br /> && y < floor1.getY() - MAN_HEIGHT + floor1.heigth) {<br /> this.isManOnFloor = true;<br /> floor = floor1.getNum();<br /> ySpeed = floor1.getSpeed();<br /> y = floor1.getY() - MAN_HEIGHT;<br /> break;<br /> }<br /> }</p> <p> //当人物落在地板上时对应的处理<br /> if (isManOnFloor) {<br /> if (floor1 != null) {<br /> switch (floor1.getStyle()) { //判断落在的地板时什么类型，以及相应的处理方式</p> <p> case 0: //在刺板上，掉血一次<br /> if (!onDingChi) {<br /> health -= 20;<br /> }<br /> onDingChi = true;<br /> break;<br /> case 1: //左移动的板子，用户的速度左<br /> xFloorSpeed = -1;</p> <p> break;<br /> case 2: //右移动的板子，用户的速度右<br /> xFloorSpeed = 1;<br /> break;<br /> case 3: //石头板子，不做处理<br /> break;<br /> case 4: //跳板，让用户跳一下（板子上升太快，人下落太快，于是乎，出现狂跳现象）<br /> y -= 20;<br /> break;<br /> case 5: //空心板，害人了。。把用户正常往下掉。<br /> y = y + floor1.heigth;<br /> break;<br /> }<br /> }<br /> } else {<br /> //如果不是在板子上，清空板子上的状态<br /> ySpeed = -4;<br /> xFloorSpeed = 0;<br /> onDingChi = false;<br /> }</p> <p> try {<br /> img = ImageIO.read(new File("Resources/ManStand.PNG"));<br /> } catch (IOException e) {<br /> }</p> <p> //左右墙的处理<br /> if (x >= 300 - MAN_WIDTH) {<br /> x = 300 - MAN_WIDTH;<br /> }<br /> if (x <= 0) {<br /> x = 0;<br /> }</p> <p> g.drawImage(img, x = x + xSpeed + xFloorSpeed, y = y - ySpeed, null);<br /> }<br /> }

在画玩家的时候会判断玩家1.是否还活着（没碰壁，血不为0） 2.玩家是否在地板上（在地板上根据不同的地板做出不同的人的坐标和速度的变化） 3.画人（根据坐标和速度来画）

好了到这里一个下100层的游戏已经搞定了。其实很简单，一个游戏就是不同的始终周期改变用户的位置，然后根据不同位置做出不同逻辑的判断。

好了就到这里吧。下次放出一个小的效验码破解的示例

最后附上源码