java拼图小游戏答辩.ppt

Java拼图小游戏,2015/1/5,利用java的图形用户界面设计，设计简单的拼图游戏,一、实训要求,二、程序流程图,三、实现的游戏功能,三、实现的游戏功能,附加功能：可选择从预设的图片中选择图片拼图,三、实现的游戏功能,游戏结束界面,要实现游戏的上述功能，很显然有以下几个关键问题要考虑：,四、算法设计,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,五、核心代码分析,cell=newCell9;/创建九个方格Iconicon;/声明图标for(inti=0;i3;i+)/循环为9个方格加载图片，并初使化坐标，形成三行三列for(intj=0;j3;j+)icon=newImageIcon(“pictrue/pic_”+pictureID+“_”+(i*3+j+1)+“.jpg”);/根据指定URL创建图标celli*3+j=newCell(icon);/创建方格在方格中加载图片celli*3+j.setLocation(j*100,i*100);/设置方格的位置this.add(celli*3+j);/面板添加方格,（1）如何加载图片？,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,五、核心代码分析,关键代码：intdirection=(int)(Math.random()*4);/随机产生一个0-3的数字，对应空方格的上下左右移动,（2）如何实现拼图的随机排列？,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,五、核心代码分析,（3）如何实现图片的移动？,通过鼠标点击相邻图片，所点击的图片与空白按钮互换位置，完成拼图的移动。具体代码,（3）如何实现图片的移动？,1.鼠标事件,publicvoidmousePressed(MouseEventevent)/方格的鼠标按下事件Cellbutton=(Cell)event.getSource();/获得鼠标按的方格按钮intx1=button.getBounds().x;/得到所单击方格的坐标inty1=button.getBounds().y;intx2=cellNull.getBounds().x;/得到空方格的坐标inty2=cellNull.getBounds().y;,（3）如何实现图片的移动？,1.鼠标事件,if(x1=x2/不满足就不进行任何处理,（3）如何实现图片的移动？,1.鼠标事件,cellNull.setLocation(x1,y1);/重新设置空方格的位置this.repaint();,（3）如何实现图片的移动？,publicvoidmove(Stringdirection,intsleep)/方格的移动if(direction=UP)/方格向上移动this.setLocation(this.getBounds().x,this.getBounds().y-100);elseif(direction=DOWN)/方格向下移动this.setLocation(this.getBounds().x,this.getBounds().y+100);elseif(direction=LEFT)/方格向左移动this.setLocation(this.getBounds().x-100,this.getBounds().y);else/方格向右移动this.setLocation(this.getBounds().x+100,this.getBounds().y);,2.move方法,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,五、核心代码分析,publicbooleanisFinish()/判断是否拼合成功for(inti=0;i8;i+)intx=celli.getBounds().x;inty=celli.getBounds().y;if(y/100*3+x/100!=i)/判断是否每一个位置都恢复到初始位置returnfalse;returntrue;,（4）如何判断游戏结束的标志？,1.如何加载图片？2.如何实现拼图的随机排列？3.如何实现图片的移动？4.如何判断游戏结束的标志？5.如何实现图片的切换选择？,五、核心代码分析,publicvoidactionPerformed(ActionEventarg0)/对三个按钮事件的处理Buttonbutton=(Button)arg0.getSource();/获得事件按钮源if(button=start)/如果是开始按钮myCanvas.Start();/调用图片方格打乱方法,（5）如何实现图片的切换？,elseif(button=preview)/如果是查看事件if(button.getLabel()=预览)/如果按钮标签为预览container.remove(myCanvas);/容器移除图片面板container.add(panelPreview);/容器添加预览标签panelPreview.updateUI();/不用调整大小就可以出现新增删的组件container.repaint();/重绘button.setLabel(返回);/设置按钮标签,（5）如何实现图片的切换？,elsecontainer.remove(panelPreview);/容器移除预览面板container.add(myCanvas);/容器添加图片面板container.repaint();/重绘button.setLabel(预览);/设置按钮标签,（5）如何实现图片的切换？,elseif(button=set)/如果是选择按钮，修改所选图片Choicepic=newChoice();/创建选择器pic.add(小猫);/添加列表项pic.add(小猪);pic.add(云);pic.add(QQ);pic.add(卡通);pic.add(花);,（5）如何实现图片的切换？,inti=JOptionPane.showConfirmDialog(this,pic,选择图片,JOptionPane.OK_CANCEL_OPTION);/弹出对话框if(i=JOptionPane.YES_OPTION)/选择对话框的确定按钮MyCanvas.pictureID=pic.getSelectedIndex()+1;/获得列表项的编号myCanvas.reLoadPictrue();/图片重载,（5）如何实现图片的切换？,Iconicon=newImageIcon(pictrue/pic_+MyCanvas.pictureID+.