Java版SLG游戏开发入门[0]--让绘制的窗口响应鼠标事件

什么是SLG呢？也就是Simulation Game的缩写，即模拟策略游戏。

  以我这种准骨灰级玩家的视点来看（鄙人88年开始玩FC，时年6岁），早期的SLG游戏，大体只是《三国志》(Ｉ由1985年开始发售)这类发布指令扩充 军备并战斗的“命令下达式游戏”，并没有什么分类上的难度。但自从《火焰纹章》(1990年开始发售）出现伊始，即策略游戏与传统RPG的分野变得模糊起 来，这种具有故事情节的战棋策略游戏，同时兼具了SLG及RPG的双特性，以后的岁月中人们习惯分类其为——SRPG，火焰系列也据此被后人视作SRPG 的鼻祖游戏之一。但事实上讲，此类游戏仍旧具备着传统SLG那样如同下棋般战斗并采用回合制的特点，RPG的情节部分仅仅是作为游戏内容的补充罢了，始终 摆脱不掉传统策略游戏地图-〉指令-〉战斗的大框架，故此客观上依然应被划入了SLG范围。再后来，随着电脑的普及，如大众软件这些媒体杂志又把文明和模 拟城市乃至美少女梦工厂这样的游戏也划分进SLG里，但按照现在的说法，足球经理、模拟人生应该是“SIM”，即单纯的Simulation，而美少女梦 工厂则是TCG——不过在日式游戏划分中，这些依然都属于SLG。

  就鄙人看来，强分策略类游戏类型是没有什么意义的，作为最初源泉的SLG是能够包含SRPG、RTS种种分支的。就好比有的人是博士、有的人是硕士，但我 们依旧可以将其统称为“知识分子”，划到一个大圈子里面去。又比如我们平时可能常说“上海人怎样”、“北京人如何”，但当我说“中国人”时，自然能够将这 些都包罗其中，无论好坏，谁都脱身不得。 而在此类游戏中，包含策略因素的这个大圈子的统一称谓，便是SLG无疑。

  实际上，绝大多数英文站点也是将此类游戏统一丢到Simulation Game下的（包括模拟城市之类的纯SIM），并没有进行SRPG(Strategies Role Play Games)或RTS(Real-Time Strategy Game)乃至其余种种的细分。归根究底，因为这些游戏近似的因素太多，在大多数时候已经难以区分其本来面貌，“名无实，实无名”，只能一概而论了。而今 有不少新生代玩家喜欢硬分游戏种类，窃以为愚了。

——————————————————————————————————————————————————————————

  闲话说了不少，现在开始进入正题。在本系列中，我将结合实例尝试以Java实现典型战棋类SLG的主要功能，本文为第0节，也就是准备章节。

  看过我以前写的RPG及ACT系列的朋友们，应该已对Java中2D图形绘制功能有了初步的认识，在本文中，我将阐述如何令绘制的窗体而非组件响应鼠标事件，及如何在窗体中自定义非标准大小的鼠标指针，作为本系列的预备知识。

  首先，我们都知道，在Java中可以通过Cursor组件自定义游标样式，比如下图有一组取材自Langrisser2的光标图片。

 

  在Java桌面开发中，我们可以通过分解这组图片来得到小图，以此来自定义鼠标光标。
 
  但是有一个问题，这时无论图片原始大小如何，至多也只能是32x32大小，如果超出这个范围，则无法作为游标在窗体中完整显示。

  也就是说，如上图这样46x46的大图，要么缩小显示，要么局部显示，总之46x46的状态下是无法完整的显示在窗体中的。

  可我们明明见到很多游戏中的光标是不规则不成比例的，究竟如何做到呢？其实很简单，自己绘制就好了。

  绝大多数不合规矩的东西，我们都可以自己把它“画出来”，只要能确定它的坐标。

  如下代码记录了键盘及鼠标状态下的图标移动：

1. /**
2.      * 键盘事件设置
3.      * 
4.      */
5.     public void setKeyset() {
6.         addKeyListener(new KeyAdapter() {
7.             public void keyTyped(KeyEvent e) {
8.             }
9. 
   
10.             public void keyReleased(KeyEvent e) {
11.             }
12. 
    
13.             public void keyPressed(KeyEvent e) {
14.                 if (e.getKeyCode() == KeyEvent.VK_RIGHT) {
15.                     currentX = currentX + move;
16.                 }
17.                 if (e.getKeyCode() == KeyEvent.VK_LEFT) {
18.                     currentX = currentX - move;
19.                 }
20.                 if (e.getKeyCode() == KeyEvent.VK_UP) {
21.                     currentY = currentY - move;
22.                 }
23.                 if (e.getKeyCode() == KeyEvent.VK_DOWN) {
24.                     currentY = currentY + move;
25.                 }
26.                 repaint();
27.             }
28.         });
29.     }
30. 
    
31.     /**
32.      * 鼠标事件设置
33.      * 
34.      */
35.     public void setMouse() {
36.         addMouseListener(new MouseAdapter() {
37.             public void mousePressed(MouseEvent e) {
38.             }
39. 
    
40.             public void mouseReleased(MouseEvent e) {
41.             }
42. 
    
43.         });
44.         addMouseMotionListener(new MouseMotionAdapter() {
45.             public void mouseMoved(MouseEvent ex) {
46.                 currentX = ex.getX();
47.                 currentY = ex.getY();
48.                 repaint();
49.             }
50. 
    
51.             public void mouseDragged(MouseEvent ex) {
52.                 currentX = ex.getX();
53.                 currentY = ex.getY();
54.                 repaint();
55.             }
56.         });
57.     }

  此时，我们只需将光标在指定位置drawImage一下，自然就会得到想要的结果。但是有一点需要注意，那就是系统的Cursor此时还存在，如果我们不 进行处理，画面上会出现两个游标的尴尬局面。但是Java并没有提供给我们直接取消光标的方法，这时该怎么办呢？很简单，我们将其“隐形”即可。
 
  比如这样：

1.         CursorFrame f = new CursorFrame();
2.         int[] pixels = new int[256];
3.         Image p_w_picpath = Toolkit.getDefaultToolkit().createImage(
4.                 new MemoryImageSource(16, 16, pixels, 0, 16));
5.         Cursor transparentCursor = Toolkit.getDefaultToolkit()
6.                 .createCustomCursor(p_w_picpath, new Point(0, 0), "hidden");
7.         f.setCursor(transparentCursor);

  我们绘制一张16x16的透明图作为游标，在使用者看来，就只能见到我们drawImage出的“伪游标”罢了。

  现在我们据此制作一个假单的仿Langrisser2开始界面，代码如下：

1. package org.slg.simple;
2. 
   
3. import java.awt.Color;
4. import java.awt.Cursor;
5. import java.awt.Graphics;
6. import java.awt.Graphics2D;
7. import java.awt.Image;
8. import java.awt.Panel;
9. import java.awt.Point;
10. import java.awt.Toolkit;
11. import java.awt.event.KeyAdapter;
12. import java.awt.event.KeyEvent;
13. import java.awt.event.MouseAdapter;
14. import java.awt.event.MouseEvent;
15. import java.awt.event.MouseMotionAdapter;
16. import java.awt.p_w_picpath.BufferedImage;
17. import java.awt.p_w_picpath.MemoryImageSource;
18. 
    
19. /**
20.  * Copyright 2008
21.  * 
22.  * Licensed under the Apache License, Version 2.0 (the "License"); you may not
23.  * use this file except in compliance with the License. You may obtain a copy of
24.  * the License at
25.  * 
26.  * [url]http://www.apache.org/licenses/LICENSE-2.0[/url]
27.  * 
28.  * Unless required by applicable law or agreed to in writing, software
29.  * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
30.  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
31.  * License for the specific language governing permissions and limitations under
32.  * the License.
33.  * 
34.  * @project loonframework
35.  * @author chenpeng
36.  * @email：[email][email protected][/email]
37.  * @version 0.1
38.  */
39. public class ExemplePanel extends Panel {
40. 
    
41.     /**
42.      * 
43.      */
44.     private static final long serialVersionUID = 1L;
45. 
    
46.     final static int currentWidth = 480;
47. 
    
48.     final static int currentHeight = 360;
49. 
    
50.     //背景缓冲图
51.     final Image _background;
52.     //鼠标指针图形组
53.     final Image[] _mouses;
54.     //背景图
55.     final Image _backgroundImage;
56. 
    
57.     Graphics _backgroundGraphics;
58. 
    
59.     Image _mouse;
60. 
    
61.     Image _arrow;
62. 
    
63.     // 选中项，默认指向第一条
64.     int _select = 1;
65. 
    
66.     // 游标x轴
67.     int _currentX = 0;
68. 
    
69.     // 游标y轴
70.     int _currentY = 0;
71. 
    
72.     int _move = 5;
73. 
    
74.     public ExemplePanel() {
75.         // 创建一个背景缓存用p_w_picpath
76.         _background = new BufferedImage(currentWidth, currentHeight,
77.                 BufferedImage.TYPE_INT_ARGB);
78.         // 导入开始时背景图像
79.         _backgroundImage = Utility.loadImage("p_w_picpath/start.gif");
80.         // 导入光标图系列，以列宽46读取到p_w_picpath数组
81.         _mouses = Utility.getImageColumns(
82.                 Utility.loadImage("p_w_picpath/cursor.png"), 46);
83.         // 初始背景为黑色
84.         setBackground(new Color(0, 0, 0));
85.         _arrow = Utility.loadImage("p_w_picpath/arrow.png");
86.         _backgroundGraphics = _background.getGraphics();
87.         // 设定键盘监听
88.         setKeyset();
89.         // 设定鼠标监听
90.         setMouse();
91.         // 设置鼠标动画（本例只是一个简单示例，实际应根据相应事件变更游标造型）
92.         Thread mouseAnimation = new Thread() {
93.             public void run() {
94.                 int cursorMax = _mouses.length;
95.                 int cursorIndex = 0;
96.                 do {
97.                     if (cursorIndex < cursorMax) {
98.                         _mouse = _mouses[cursorIndex];
99.                         try {
100.                             Thread.sleep(500);
101.                         } catch (InterruptedException e) {
102.                             e.printStackTrace();
103.                         }
104.                         repaint();
105.                     } else {
106.                         cursorIndex = 0;
107.                     }
108.                     cursorIndex++;
109.                 } while (true);
110.             }
111.         };
112.         // 开启鼠标动画
113.         mouseAnimation.start();
114. 
     
115.     }
116. 
     
117.     public void paint(Graphics g) {
118.         // 绘制背景
119.         _backgroundGraphics.drawImage(_backgroundImage, 0, 0, this);
120.         // 绘制光标
121.         _backgroundGraphics.drawImage(_mouse, _currentX, _currentY, this);
122.         drawTitle((Graphics2D) _backgroundGraphics);
123.         // 加载缓存图
124.         g.drawImage(_background, 0, 0, this);
125.     }
126. 
     
127.     public void update(Graphics g) {
128.         paint(g);
129.     }
130. 
     
131.     /**
132.      * 键盘事件设置
133.      * 
134.      */
135.     public void setKeyset() {
136.         addKeyListener(new KeyAdapter() {
137.             public void keyTyped(KeyEvent e) {
138.             }
139. 
     
140.             public void keyReleased(KeyEvent e) {
141.             }
142. 
     
143.             public void keyPressed(KeyEvent e) {
144.                 if (e.getKeyCode() == KeyEvent.VK_RIGHT) {
145.                     _currentX = _currentX + _move;
146.                 }
147.                 if (e.getKeyCode() == KeyEvent.VK_LEFT) {
148.                     _currentX = _currentX - _move;
149.                 }
150.                 if (e.getKeyCode() == KeyEvent.VK_UP) {
151.                     _currentY = _currentY - _move;
152.                 }
153.                 if (e.getKeyCode() == KeyEvent.VK_DOWN) {
154.                     _currentY = _currentY + _move;
155.                 }
156.                 repaint();
157.             }
158.         });
159.     }
160. 
     
161.     /**
162.      * 鼠标事件设置
163.      * 
164.      */
165.     public void setMouse() {
166.         int[] pixels = new int[256];
167.         Image p_w_picpath = Toolkit.getDefaultToolkit().createImage(
168.                 new MemoryImageSource(16, 16, pixels, 0, 16));
169.         // 制作一个透明的游标
170.         Cursor transparentCursor = Toolkit.getDefaultToolkit()
171.                 .createCustomCursor(p_w_picpath, new Point(0, 0), "hidden");
172.         // 插入透明游标，以此模拟无游标状态
173.         setCursor(transparentCursor);
174.         addMouseListener(new MouseAdapter() {
175.             public void mousePressed(MouseEvent e) {
176.                 if (e.getButton() == 1) {
177.                     State.l_clk = true;
178.                 }
179.                 if (e.getButton() == 3) {
180.                     State.r_clk = true;
181.                 }
182.             }
183. 
     
184.             public void mouseReleased(MouseEvent e) {
185.                 if (e.getButton() == 1) {
186.                     State.l_clk = false;
187.                 }
188.                 if (e.getButton() == 3) {
189.                     State.r_clk = false;
190.                 }
191.             }
192. 
     
193.         });
194.         addMouseMotionListener(new MouseMotionAdapter() {
195.             public void mouseMoved(MouseEvent ex) {
196.                 _currentX = ex.getX();
197.                 _currentY = ex.getY();
198.                 repaint();
199.             }
200. 
     
201.             public void mouseDragged(MouseEvent ex) {
202.                 _currentX = ex.getX();
203.                 _currentY = ex.getY();
204.                 repaint();
205.             }
206.         });
207.     }
208. 
     
209.     /**
210.      * 绘制标题选项
211.      * 
212.      * @param g
213.      */
214.     void drawTitle(Graphics2D g) {
215.         Utility.font(g, 15, 1);
216.         Utility.color(g, 0, 0, 0);
217.         if (_select != 0) {
218.             g.drawImage(_arrow, 168, 227 + _select * 20, null);
219.         }
220.         //PS:如果不想在程序中绘制，也可以直接在准备好的背景图上写文字，pc版的Langrisser就是那样......
221.         g.drawString("开始新游戏", 195, 260);
222.         g.drawString("载入记录", 203, 280);
223.         g.drawString("退出游戏", 203, 300);
224. 
     
225.         for (int i = 0; i < 3; i++) {
226.             if (_currentX > 195 && _currentX < 270 && _currentY > i * 20 + 235
227.                     && _currentY < i * 20 + 275) {
228.                 _select = i + 1;
229.             }
230.         }
231. 
     
232.         repaint();
233.         Utility.wait(20);
234.         if (State.l_clk && !State.lock_lck) {
235.             State.lock_lck = true;
236.             if (_select == 1) {
237.                 System.out.println("您选择了：开始");
238.             }
239.             if (_select == 2) {
240.                 System.out.println("您选择了：继续");
241.             }
242.             if (_select == 3) {
243.                 System.out.println("您选择了：结束");
244.                 System.exit(0);
245.             }
246.         }
247.         if (!State.l_clk && State.lock_lck) {
248.             State.lock_lck = false;
249.         }
250. 
     
251.     }
252. }
253. 
     

  运行效果如下图：