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

最新推荐文章于 2022-02-24 15:24:36 发布

项少龙1

最新推荐文章于 2022-02-24 15:24:36 发布

阅读量395

点赞数

本文链接：https://blog.csdn.net/aabbyyz/article/details/86974732

版权

什么是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的状态下是无法完整的显示在窗体中的。

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

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

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

 
  /**
     * 键盘事件设置
     * 
     */
    public void setKeyset() {
        addKeyListener(new KeyAdapter() {
            public void keyTyped(KeyEvent e) {
            }
            public void keyReleased(KeyEvent e) {
            }
            public void keyPressed(KeyEvent e) {
                if (e.getKeyCode() == KeyEvent.VK_RIGHT) {
                    currentX = currentX + move;
                }
                if (e.getKeyCode() == KeyEvent.VK_LEFT) {
                    currentX = currentX - move;
                }
                if (e.getKeyCode() == KeyEvent.VK_UP) {
                    currentY = currentY - move;
                }
                if (e.getKeyCode() == KeyEvent.VK_DOWN) {
                    currentY = currentY + move;
                }
                repaint();
            }
        });
    }
    /**
     * 鼠标事件设置
     * 
     */
    public void setMouse() {
        addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
            }
            public void mouseReleased(MouseEvent e) {
            }
        });
        addMouseMotionListener(new MouseMotionAdapter() {
            public void mouseMoved(MouseEvent ex) {
                currentX = ex.getX();
                currentY = ex.getY();
                repaint();
            }
            public void mouseDragged(MouseEvent ex) {
                currentX = ex.getX();
                currentY = ex.getY();
                repaint();
            }
        });
    }
 
 

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

比如这样：

 
          CursorFrame f = new CursorFrame();
        int[] pixels = new int[256];
        Image image = Toolkit.getDefaultToolkit().createImage(
                new MemoryImageSource(16, 16, pixels, 0, 16));
        Cursor transparentCursor = Toolkit.getDefaultToolkit()
                .createCustomCursor(image, new Point(0, 0), "hidden");
        f.setCursor(transparentCursor);
 
 

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

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

 
  package org.slg.simple;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Panel;
import java.awt.Point;
import java.awt.Toolkit;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.awt.image.BufferedImage;
import java.awt.image.MemoryImageSource;
/**
 * Copyright 2008
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 * 
 * @project loonframework
 * @author chenpeng
 * @email：ceponline@yahoo.com.cn
 * @version 0.1
 */
public class ExemplePanel extends Panel {
    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    final static int currentWidth = 480;
    final static int currentHeight = 360;
    //背景缓冲图
    final Image _background;
    //鼠标指针图形组
    final Image[] _mouses;
    //背景图
    final Image _backgroundImage;
    Graphics _backgroundGraphics;
    Image _mouse;
    Image _arrow;
    // 选中项，默认指向第一条
    int _select = 1;
    // 游标x轴
    int _currentX = 0;
    // 游标y轴
    int _currentY = 0;
    int _move = 5;
    public ExemplePanel() {
        // 创建一个背景缓存用image
        _background = new BufferedImage(currentWidth, currentHeight,
                BufferedImage.TYPE_INT_ARGB);
        // 导入开始时背景图像
        _backgroundImage = Utility.loadImage("image/start.gif");
        // 导入光标图系列，以列宽46读取到image数组
        _mouses = Utility.getImageColumns(
                Utility.loadImage("image/cursor.png"), 46);
        // 初始背景为黑色
        setBackground(new Color(0, 0, 0));
        _arrow = Utility.loadImage("image/arrow.png");
        _backgroundGraphics = _background.getGraphics();
        // 设定键盘监听
        setKeyset();
        // 设定鼠标监听
        setMouse();
        // 设置鼠标动画（本例只是一个简单示例，实际应根据相应事件变更游标造型）
        Thread mouseAnimation = new Thread() {
            public void run() {
                int cursorMax = _mouses.length;
                int cursorIndex = 0;
                do {
                    if (cursorIndex < cursorMax) {
                        _mouse = _mouses[cursorIndex];
                        try {
                            Thread.sleep(500);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        repaint();
                    } else {
                        cursorIndex = 0;
                    }
                    cursorIndex++;
                } while (true);
            }
        };
        // 开启鼠标动画
        mouseAnimation.start();
    }
    public void paint(Graphics g) {
        // 绘制背景
        _backgroundGraphics.drawImage(_backgroundImage, 0, 0, this);
        // 绘制光标
        _backgroundGraphics.drawImage(_mouse, _currentX, _currentY, this);
        drawTitle((Graphics2D) _backgroundGraphics);
        // 加载缓存图
        g.drawImage(_background, 0, 0, this);
    }
    public void update(Graphics g) {
        paint(g);
    }
    /**
     * 键盘事件设置
     * 
     */
    public void setKeyset() {
        addKeyListener(new KeyAdapter() {
            public void keyTyped(KeyEvent e) {
            }
            public void keyReleased(KeyEvent e) {
            }
            public void keyPressed(KeyEvent e) {
                if (e.getKeyCode() == KeyEvent.VK_RIGHT) {
                    _currentX = _currentX + _move;
                }
                if (e.getKeyCode() == KeyEvent.VK_LEFT) {
                    _currentX = _currentX - _move;
                }
                if (e.getKeyCode() == KeyEvent.VK_UP) {
                    _currentY = _currentY - _move;
                }
                if (e.getKeyCode() == KeyEvent.VK_DOWN) {
                    _currentY = _currentY + _move;
                }
                repaint();
            }
        });
    }
    /**
     * 鼠标事件设置
     * 
     */
    public void setMouse() {
        int[] pixels = new int[256];
        Image image = Toolkit.getDefaultToolkit().createImage(
                new MemoryImageSource(16, 16, pixels, 0, 16));
        // 制作一个透明的游标
        Cursor transparentCursor = Toolkit.getDefaultToolkit()
                .createCustomCursor(image, new Point(0, 0), "hidden");
        // 插入透明游标，以此模拟无游标状态
        setCursor(transparentCursor);
        addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                if (e.getButton() == 1) {
                    State.l_clk = true;
                }
                if (e.getButton() == 3) {
                    State.r_clk = true;
                }
            }
            public void mouseReleased(MouseEvent e) {
                if (e.getButton() == 1) {
                    State.l_clk = false;
                }
                if (e.getButton() == 3) {
                    State.r_clk = false;
                }
            }
        });
        addMouseMotionListener(new MouseMotionAdapter() {
            public void mouseMoved(MouseEvent ex) {
                _currentX = ex.getX();
                _currentY = ex.getY();
                repaint();
            }
            public void mouseDragged(MouseEvent ex) {
                _currentX = ex.getX();
                _currentY = ex.getY();
                repaint();
            }
        });
    }
    /**
     * 绘制标题选项
     * 
     * @param g
     */
    void drawTitle(Graphics2D g) {
        Utility.font(g, 15, 1);
        Utility.color(g, 0, 0, 0);
        if (_select != 0) {
            g.drawImage(_arrow, 168, 227 + _select * 20, null);
        }
        //PS:如果不想在程序中绘制，也可以直接在准备好的背景图上写文字，pc版的Langrisser就是那样......
        g.drawString("开始新游戏", 195, 260);
        g.drawString("载入记录", 203, 280);
        g.drawString("退出游戏", 203, 300);
        for (int i = 0; i < 3; i++) {
            if (_currentX > 195 && _currentX < 270 && _currentY > i * 20 + 235
                    && _currentY < i * 20 + 275) {
                _select = i + 1;
            }
        }
        repaint();
        Utility.wait(20);
        if (State.l_clk && !State.lock_lck) {
            State.lock_lck = true;
            if (_select == 1) {
                System.out.println("您选择了：开始");
            }
            if (_select == 2) {
                System.out.println("您选择了：继续");
            }
            if (_select == 3) {
                System.out.println("您选择了：结束");
                System.exit(0);
            }
        }
        if (!State.l_clk && State.lock_lck) {
            State.lock_lck = false;
        }
    }
}
 
 