34720.htm

仔细看吧

<link href="./dzs_cs.css" rel="stylesheet" type="text/css" />
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="24" align="center" valign="bottom" class="d_font3">用NetBeans平台开发J2ME游戏实例讲解</td>
      </tr>
      <tr>
        <td height="3" bgcolor="#E3E3E3"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td class="d_font4"> <P><STRONG>1.必须先安装</STRONG> NetBeans IDE 4.0 和 NetBeans Mobility Pack 4.0，然后才能开始进行 J2ME MIDP 开发。有关下载和安装完整环境的说明，请参见 J2ME MIDP 开发下载页面<A href="http://www.netbeans.org/kb/articles/mobility_zh_CN.html">http://www.netbeans.org/kb/articles/mobility_zh_CN.html</A>。　<BR>　　<BR><STRONG>2.创建新的移动应用程序</STRONG><BR>　　<BR>(1)选择“文件”>“新建项目”(Ctrl-Shift-N)。在“类别”下选择“移动”。在“项目”下选择“移动应用程序”，然后单击“ 下一步”。<BR>(2)在“项目名称”下输入 HuaRongDao。将项目主目录更改为您系统上的任何目录。从现在起，我们将该目录称为 $PROJECTHOME。<BR>(3)不要选中“创建 HelloMIDlet”复选框。单击“下一步”。选CLDC1.0 MIDP1.0,<BR>(4)将 J2ME Wireless Toolkit 作为选定的目标平台。<BR>(5)单击“完成”。IDE 将创建 $PROJECTHOME./HuaRongDao 项目文件夹。该项目文件夹包含所有的源和项目元数据，如项目 Ant 脚本。此时将在“项目”窗口中打开 HuaRongDao 项目。<BR>(6)现在，我们来添加一个MIDlet，　右键单击项目，选新建MIDlet,名字为HuaRongDao,不要写package.点确定生成，　然后在生成后的 代码里加入CommandListener支持，代码框架如下：</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>
<TBODY>
<TR>
<TD class=code bgColor=#e6e6e6><PRE><P>/*　* HuaRongDaoMidlet.java　*<BR>* Created on 2005年7月1日, 下午8:18<BR>*/<BR>　　<BR>import javax.microedition.midlet.*;<BR>import javax.microedition.lcdui.*;<BR>/**<BR>*<BR>* @author　lin<BR>* @version<BR>*/<BR>　　<BR>public class HuaRongDaoMidlet extends MIDlet implements CommandListener<BR>{<BR>public void startApp() {}<BR>public void pauseApp() {}<BR>public void destroyApp(boolean unconditional) {}<BR>public void commandAction(Command c, Displayable d) {}<BR>}</P></PRE></TD></TR></TBODY></TABLE></P>
<P><STRONG>3.开始编码</STRONG><BR>　　<BR>(1)加入退出按钮，这里，我们用TextBox这种高级UI来做例子：</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>
<TBODY>
<TR>
<TD class=code bgColor=#e6e6e6><PRE><P>public class HuaRongDaoMidlet extends MIDlet implements CommandListener<BR>{<BR>&nbsp; private Display display;<BR>&nbsp; private final static Command CMD_EXIT = new Command("退出", Command.EXIT, 1);<BR>&nbsp; public HuaRongDaoMidlet()<BR>{<BR>&nbsp; display = Display.getDisplay(this);<BR>}<BR>public void startApp() <BR>{<BR>　TextBox t = new TextBox("TextBox的第一个参数","TextBox的第二个参数",256,0);<BR>　t.addCommand(CMD_EXIT);<BR>　t.setCommandListener(this);<BR>　display.setCurrent(mainList);<BR>}<BR>......<BR>public void commandAction(Command c, Displayable d) <BR>{<BR>　if (c == CMD_EXIT) <BR>　{<BR>　　destroyApp(false);<BR>　　notifyDestroyed();<BR>　}<BR>}<BR>}</P></PRE></TD></TR></TBODY></TABLE>　　<BR>注意：</P>
<P>A.关于j2me的api函数，可以在WTK的docs目录当中查到。<BR>B.我们使用的是MIDP1.0的函数，2.0支持游戏函数，但是大部分原先的手机都不支持。<BR>C.TextBox是可输入框，有标题，缺省内容和内容长度等参数。<BR>　　<BR>(2)创建一个处理图片的类Images, 处理图片的方式在2.0当中有了很大的改进，可以直接从一张图片中按照坐标取一部分，但是1.0还没有这个功能，所以我们使用Image数组来实现。<BR>　　<BR>首先，我们先来显示一个图片，来熟悉一下有关image的操作。首先，加入一个Image和包含它的ImageItem，因为Image本身不能显示，<BR>　　<BR>必须包在ImageItem中，然后创建一个Form，把ImageItem加到Form中，最后在屏幕上显示这个Form。</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>
<TBODY>
<TR>
<TD class=code bgColor=#e6e6e6><PRE><P>public void startApp() <BR>　{<BR>　　Image a;<BR>　　ImageItem i;<BR>　　Form props = new Form("测试页");<BR>　　try<BR>　　　{<BR>　　　　a = Image.createImage("/Duke.png");<BR>　　　　i = new ImageItem("java吉祥物",a,ImageItem.LAYOUT_DEFAULT,"图片无法显示");<BR>　　　　props.append(i);<BR>　　　}<BR>　　catch (IOException e)<BR>　　　{<BR>　　　　a = null;<BR>　　　}<BR>　　props.addCommand(CMD_EXIT);<BR>　　props.setCommandListener(this);<BR>　　display.setCurrent(props);<BR>}</P></PRE></TD></TR></TBODY></TABLE></P>
<P>#p#</P>
<P>编译运行一下，发现没有图片，说明或者是指定的图片位置不对或者是系统没有找到，其中，createImage()中的文件路径是关于项目根目录/res/的，没有错，因此是系统没有找到res目录。File|"HuaRongDao"property，选择Libraries and Resources，把res的完全路径加进去，再编译就可以了。<BR>　　<BR>好了，测试成功了，现在可以开始编写Images类，如下：</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>
<TBODY>
<TR>
<TD class=code bgColor=#e6e6e6><PRE><P>　　import javax.microedition.lcdui.*;<BR>　　import javax.microedition.midlet.*;<BR>　　/**<BR>　　*<BR>　　* @author lin<BR>　　*/<BR>　　public class Images <BR>　　{<BR>　　　//保存常量<BR>　　　//绘图位置常量<BR>　　　public static final int UNIT = 20;//方块的单位长度<BR>　　　public static final int LEFT = 20;//画图的左边界顶点<BR>　　　public static final int TOP = 22;//画图的上边界顶点<BR>　　　//地图位置常量<BR>　　　public static final int WIDTH = 4;//地图的宽度<BR>　　　public static final int HEIGHT = 5;//地图的高度<BR>　　　//地图标记常量<BR>　　　public static final byte CAOCAO = (byte) 'a'; //曹操的地图标记<BR>　　　public static final byte MACHAO = (byte) 'b';//马超的地图标记<BR>　　　public static final byte HUANGZHONG = (byte) 'c';//黄忠的地图标记<BR>　　　public static final byte GUANYU = (byte) 'd';//关羽的地图标记<BR>　　　public static final byte ZHANGFEI = (byte) 'e';//张飞的地图标记<BR>　　　public static final byte ZHAOYUN = (byte) 'f';//赵云的地图标记<BR>　　　public static final byte ZU = (byte) 'g';//卒的地图标记<BR>　　　public static final byte BLANK = (byte) 'h';//空白的地图标记<BR>　　　public static final byte CURSOR = (byte) 'i';//光标的地图标记<BR>　　　//地图组合标记常量<BR>　　　public static final byte DLEFT = (byte) '1'; //组合图形左边标记<BR>　　　public static final byte DUP = (byte) '2'; //组合图形上边标记<BR>　　　public static final byte DLEFTUP = (byte) '3'; //组合图形左上标记<BR>　　　//图片常量<BR>　　　//public static Image image_base;//基本图片<BR>　　　public static Image image_Zhaoyun;//赵云的图片<BR>　　　public static Image image_Caocao;//曹操的图片<BR>　　　public static Image image_Huangzhong;//黄忠的图片<BR>　　　public static Image image_Machao;//马超的图片<BR>　　　public static Image image_Guanyu;//关羽的图片<BR>　　　public static Image image_Zhangfei;//张飞的图片<BR>　　　public static Image image_Zu;//卒的图片<BR>　　　public static Image image_Blank;//空白的图片<BR>　　　public static Image image_Frame;//游戏框架的图片<BR>　　　public Images() <BR>　　　{<BR>　　　　//构造函数<BR>　　　}<BR>　　　public static boolean init() <BR>　　　{<BR>　　　　//初始化游戏中用到的图片<BR>　　　　try <BR>　　　　{<BR>　　　　　/*以下的实现都是基于MIDP2.0的，我们在程序中采用的是基于MIDP1.0的实现<BR>　　　　　image_base = Image.createImage("/huarongroad/BITBACK.png");<BR>　　　　　image_Frame = Image.createImage(image_base, 126, 0, 145, 177,</P><P>                 Sprite.TRANS_NONE);<BR>　　　　　//Sprite类是用来翻转图片的，是MIDP2.0新新增加的支持游戏的特性<BR>　　　　　image_Zhaoyun = Image.createImage(image_base, 0, 0, UNIT, </P><P>                 2 * UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Caocao = Image.createImage(image_base, UNIT, 0, 2 * UNIT,</P><P>                 2 * UNIT, Sprite.TRANS_NONE);<BR>　　　　　image_Huangzhong = Image.createImage(image_base, 3 * UNIT, 0,</P><P>                 UNIT,2 * UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Machao = Image.createImage(image_base, 0, 2 * UNIT, </P><P>                 UNIT,2 * UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Guanyu = Image.createImage(image_base, UNIT, 2 * UNIT,</P><P>                 2 * UNIT, UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Zhangfei = Image.createImage(image_base, 3 * UNIT, </P><P>                 2 * UNIT,UNIT, 2 * UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Zu = Image.createImage(image_base, 0, 4 * UNIT, </P><P>                UNIT, UNIT,Sprite.TRANS_NONE);<BR>　　　　　image_Blank = Image.createImage(image_base, 1 * UNIT, </P><P>                 4 * UNIT,UNIT,UNIT,Sprite.TRANS_NONE);<BR>　　　　}<BR>　　　}<BR>　　}　　　</P></PRE></TD></TR></TBODY></TABLE><BR>(3)建立Draw类用来显示图形：</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>
<TBODY>
<TR>
<TD class=code bgColor=#e6e6e6><PRE><P>　　public class Draw <BR>　　{<BR>　　　/** Creates a new instance of Draw */<BR>　　　public Draw(Canvas canvas) {}<BR>　　　public static boolean paint(Graphics g, byte img, int x, int y) <BR>　　　{<BR>　　　　//在地图的x,y点绘制img指定的图片<BR>　　　　try <BR>　　　　{<BR>　　　　　paint(g, img, x, y, Images.UNIT);//把地图x,y点转化成画布的绝对坐标，绘图<BR>　　　　　return true;<BR>　　　　}<BR>　　　　catch (Exception ex) <BR>　　　　{<BR>　　　　　return false;<BR>　　　　}<BR>　　　}<BR>　　　public static boolean paint(Graphics g, byte img, int x, int y, int unit) <BR>　　　{<BR>　　　　try <BR>　　　　{<BR>　　　　　switch (img) <BR>　　　　　{<BR>　　　　　　case Images.CAOCAO://画曹操<BR>　　　　　　//变成绝对坐标，并做调整<BR>　　　　　　g.drawImage(Images.image_Caocao, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.GUANYU://画关羽<BR>　　　　　　g.drawImage(Images.image_Guanyu, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.HUANGZHONG://画黄忠<BR>　　　　　　g.drawImage(Images.image_Huangzhong, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.MACHAO://画马超<BR>　　　　　　g.drawImage(Images.image_Machao, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit, Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.ZHANGFEI://画张飞<BR>　　　　　　g.drawImage(Images.image_Zhangfei, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.ZHAOYUN://画赵云<BR>　　　　　　g.drawImage(Images.image_Zhaoyun, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,<BR>　　　　　　Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.ZU://画卒<BR>　　　　　　g.drawImage(Images.image_Zu, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit, Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.BLANK://画空白<BR>　　　　　　g.drawImage(Images.image_Blank, Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit, Graphics.TOP | Graphics.LEFT);<BR>　　　　　　break;<BR>　　　　　　case Images.CURSOR://画光标<BR>　　　　　　g.drawRect(Images.LEFT + x * unit,<BR>　　　　　　Images.TOP + y * unit,Images.UNIT,Images.UNIT);<BR>　　　　　　break;<BR>　　　　　}<BR>　　　　　return true;<BR>　　　　}<BR>　　　　catch (Exception ex) <BR>　　　　{<BR>　　　　　return false;<BR>　　　　}<BR>　　　}<BR>　　}</P></PRE></TD></TR></TBODY></TABLE></P>
<P>(4)建立Map类来读取布局信息：</P>
<P>
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1>