Java实现年兽大作战游戏详解
前言
春节要到了,看惯了前端各种小游戏,确实做得很好,很精致。但是我也要为后端程序员稍微做一点贡献,做一款java版本的【年兽大作战】。
这个游戏加上编写文章,上班摸鱼时间加上回家的空闲时间,大概花了三天多。
java写这玩应真的很痛苦,各种状态位,各种图片和逻辑判断,脑袋都快炸了。而且肯定没有前端的精致,效果一般,偶尔会有卡顿,各位就图一乐,随便捧捧场啊。过程大于结果。
一、玩法介绍
进入初始界面,会看到一只大年兽位于正中间,然后是一直小老虎,也就是我们的玩家,点击【空格】即可开始游戏:
敲击空格,将进入游戏。从上至下分别是:
- 年兽的血量【nian's hp】
- 移动的年兽
- 最下方的小老虎【玩家】
玩家通过【←】【→】键移动小老虎方向,使用【s】键发射炮弹:
当击中年兽后,会有烟花出现在背景:
每击中年兽三次,年兽会扔下炸弹:
如果玩家被击中,则直接【game over】 ,通过【空格】键重新开始:
当每击中年兽10次,其血量就会减少一个,年兽会随机扔下不同种类的爆竹,当前是11种,玩家可以移动方向键获取:
当玩家成功接到炮弹后,再次击中年兽,会更换背景烟花的种类。原本我想把子弹也换了,后来是实在整不动了。我玩了半天,想截个图,半天没成功,给自己心态玩崩了,就是下面的烟火:
当把年兽击败后,会出现新年快乐的字样:
上述就是全部玩法了,其实可以有更多扩展的,java写这东西实在写的太痛苦了。
二、代码介绍
效果不太好,但是学学代码实现总是好的吧,下面我简单说说怎么实现的。
2.1 程序入口【frame】
使用frame作为界面的基础和入口,可以设置大小,标题,展示位置等等,最主要的再次基础上添加一个面板,是我们游戏的实现:
public static void main(string[] args) { //1.创建窗口对象 frame frame = new frame("年兽大作战"); // 设置窗体大小为900x800 frame.setsize(900, 800); // 设置窗体为居中格式 frame.setlocationrelativeto(null); // 设置窗体不可改变 frame.setresizable(false); // 在窗体中添加一个面板 frame.add(new gamepanel()); // 设置窗体可见 frame.setvisible(true); // 窗口点击关闭 frame.addwindowlistener(new windowadapter() { @override public void windowclosing(windowevent arg0) { system.exit(0); } }); }
2.2 构造器【gamepanel】
第一步,定义一个空参构造,需要添加焦点事件,和键盘事件监听,定时器启动页面刷新,后面后有定时器的创建:
public gamepanel() { // 获取焦点事件 this.setfocusable(true); // 添加键盘监听事件 this.addkeylistener(this); // 启动定时器 timer.start(); }
2.3 游戏逻辑实现【gamepanel】
在启动类当中,我们在frame当中添加了一个gamepanel,作用是后面游戏的所有内容展现都在其中,包括页面,游戏逻辑等。
代码较为复杂,我只说关键点,全部代码在全篇开头的gitee链接,感兴趣自己获取。
class gamepanel extends jpanel implements keylistener, actionlistener
如上所示,gamepannel继承了jpanel,同时实现了keylistener和actionlistener。
- jpanel
这是jdk提供的,使用java进行绘图的基础容器。面板不会向除其自身背景以外的任何内容添加颜色。但是,您可以轻松地为它们添加边框,并以其他方式自定义它们的绘画。
- keylistener
这个接口是用来监听键盘事件的接口,提供一下几个方法:
public interface keylistener extends eventlistener { /** * 当按键被键入时调用 */ public void keytyped(keyevent e); /** * 当按键下压时调用 */ public void keypressed(keyevent e); /** * 当按键释放时调用 public void keyreleased(keyevent e); }
本文中我使用了keypressed和keyreleased。
keypressed主要用来完成键盘操作的移动,和射击功能。每当我们有按键操作,都会被它监听到,产生相应的事件。
此处有坑: 如果将按键一个一个的在此处判断,比如 if(左键) else if(设计) 这样,那么当你同时按下这两个按键,将会导致它们都失效。
解决办法如下:
定义一个全局set,用来存放每次按键的事件。
static set<integer> keys = new hashset<>();
当按键下压时添加:
/** * description: 键盘按下未释放 * * @param e * @return: void * @author: weirx * @time: 2022/1/10 14:02 */ @sneakythrows @override public void keypressed(keyevent e) { // 添加按钮下压事件到set initprocessor.keys.add(e.getkeycode()); // 遍历执行按钮事件 multikeys(); }
在执行一个遍历方法,不断地去执行业务逻辑判断:
public void multikeys() { for (integer key : initprocessor.keys) { int keycode = key; //空格键 if (keycode == keyevent.vk_space) { } // 方向左键 else if (keycode == keyevent.vk_left) { } // 射击 else if (keycode == keyevent.vk_s) { } } }
然后在我们释放按键的时候,使用如下的方式将这个set的key释放掉:
/** * description: 释放按键 * @param e * @return: void * @author: weirx * @time: 2022/1/11 15:39 */ @override public void keyreleased(keyevent e) { //按钮释放,则将该事件移除 initprocessor.keys.remove(e.getkeycode()); }
动作监听器【actionlistener】
这个是整个画面能够动态呈现的引擎,我们使用定时器的方式,每到定时时间则会监听到动作事件,进行数据逻辑判断。
其接口如下:
public interface actionlistener extends eventlistener { /** * 当事件发生时 */ public void actionperformed(actionevent e); }
定时器定义:
/** * 定时器 */ private timer timer = new timer(15, this);
接口actionperformed部分代码展示:
/** * description: 定时器回调位置 * @param e * @return: void * @author: weirx * @time: 2022/1/11 15:38 */ @override public void actionperformed(actionevent e) { // 当前年兽向右移动的情况 if (initprocessor.left.equals(initprocessor.movedirection)) { // 被击中,换方向 if (initprocessor.hit) { initprocessor.movedirection = initprocessor.right; } // 判断移动到边界 if (initprocessor.nian_x > 30) { initprocessor.nian_x -= initprocessor.movespeed * 2; } else { initprocessor.movedirection = initprocessor.right; initprocessor.nian_x += initprocessor.movespeed * 2; } } else { // 被击中,换方向 if (initprocessor.hit) { initprocessor.movedirection = initprocessor.left; } // 当前年兽向左移动的情况 // 判断移动到边界 if (initprocessor.nian_x < 640) { initprocessor.nian_x += initprocessor.movespeed * 2; } else { initprocessor.movedirection = initprocessor.left; initprocessor.nian_x -= initprocessor.movespeed * 2; } } //设置烟火的展示时间,定时器刷新50次,不准确,但是至少能明显感受到烟花存在 if (initprocessor.hitshow == 50) { initprocessor.hit = false; initprocessor.hitshow = 0; } // 自增展示次数 initprocessor.hitshow++; // 刷新页面 repaint(); timer.start();//启动计时器 }
到以上为止,按键事件,和定时器事件都完成了,可以说全部的逻辑判断都在上面去实现。下面我们关注在图像是如何出现的。
图像展示基础【jcomponent】
前面我们似乎没有看到这个组件的身影,那么它是在哪里呢?看下面的类图:
如上所示,gamepanel继承jpanel,而jpanel又继承了jcomponent。jcomponent有一个方法我们需要重写,这也就是我们实现图像展示的方法,其提供了绘制ui的能力,我们重写即可,部分代码如下:
/** * description: 画页面 * * @param g * @return: void * @author: weirx * @time: 2022/1/10 13:40 */ @override protected void paintcomponent(graphics g) { // 清屏效果 super.paintcomponent(g); // 游戏未开始 if (!initprocessor.isstared) { background.painticon(this, g,0,0); initprocessor.nian.painticon(this, g, 250, 130); initprocessor.tiger.painticon(this, g, 220, 470); // 绘制首页 // 设置游戏文字 g.setcolor(color.orange); g.setfont(new font("幼圆", font.bold, 50)); g.drawstring("年兽大作战", 325, 550); // 设置开始提示 g.setcolor(color.green); g.setfont(new font("幼圆", font.bold, 30)); g.drawstring("按【空格】键开始游戏", 300, 620); g.drawstring("按【←】【→】键移动", 300, 660); g.drawstring("按【s】键发射炮弹", 300, 700); } else if (isgameover) { //输出gameover initprocessor.gameover.painticon(this, g, 10, 10); // 设置开始提示 g.setcolor(color.green); g.setfont(new font("幼圆", font.bold, 20)); g.drawstring("按【空格】再次开始游戏", 340, 600); } }
关键点是使用graphics绘制文字,背景,颜色等等内容。
图片需要使用imageicon类来进行绘画,我将imageicon初始化部分封装了,所以上面没显示,常规使用如下:
imageicon nian = new imageicon(path_prefix + "nian.png"); nian.painticon(this, g, 250, 130);
2.4 游戏的血液【initprocessor】
为什么这么说是血液呢?因为这个类是我自己实现的一个初始化类,其中的内容是串联整个游戏的关键点,像身体的血液一样。
通过写这个游戏,我发现最关键的点在于【状态】,可以说全部的页面动画展示都在于一个状态,无论是子弹的运动,年兽的运动,包括礼花图片的切换,以及各种图片的坐标等等。
所以我专门抽象了这个类,用于各种状态的初始化,部分代码如下:
/** * @description: 初始化处理器 * @author:weirx * @date:2022/1/11 10:15 * @version:3.0 */ public class initprocessor { /** * 游戏是否开始,默认是false */ public static boolean isstared = false; /** * 游戏是否暂停,默认是false */ public static boolean isstopped = false; /** * 礼花横坐标 */ public static int youwillbekill_x = 0; /** * 礼花纵坐标 */ public static int youwillbekill_y = nian_y + 200; /** * 展示炮弹 */ public static boolean showyouwillbekill = false; public static boolean isgameover = false; /** * 图片路径 */ public final static string path_prefix = "src/main/java/com/wjbgn/nianfight/pic/"; public static imageicon nian = new imageicon(path_prefix + "nian.png"); public static imageicon tiger = new imageicon(path_prefix + "tiger\tiger2.png"); public static imageicon heart = new imageicon(path_prefix + "blood\heart.png"); /** * 礼花容器 */ public static list<fireworksdo> fireworksdos = initfireworks(); /** * 花容器 */ public static list<flowersdo> flowersdos = initflowers(); /** * 初始化爆竹 */ private static list<flowersdo> initflowers() { list<flowersdo> list = new arraylist<>(); list.add(new flowersdo(1, path_prefix + "flowers\flower1.png")); list.add(new flowersdo(2, path_prefix + "fireworks\flower2.png")); list.add(new flowersdo(3, path_prefix + "fireworks\flower3.png")); list.add(new flowersdo(4, path_prefix + "fireworks\flower4.png")); list.add(new flowersdo(5, path_prefix + "fireworks\flower5.png")); list.add(new flowersdo(6, path_prefix + "fireworks\flower6.png")); list.add(new flowersdo(7, path_prefix + "fireworks\flower7.png")); list.add(new flowersdo(8, path_prefix + "fireworks\flower8.png")); list.add(new flowersdo(9, path_prefix + "fireworks\flower9.png")); list.add(new flowersdo(10, path_prefix + "fireworks\flower10.png")); list.add(new flowersdo(11, path_prefix + "fireworks\flower11.png")); return list; } /** * description: 初始化礼花种类 * * @return: void * @author: weirx * @time: 2022/1/11 10:58 */ public static list<fireworksdo> initfireworks() { list<fireworksdo> list = new arraylist<>(); list.add(new fireworksdo(1, path_prefix + "fireworks\fireworks1.png")); list.add(new fireworksdo(2, path_prefix + "fireworks\fireworks2.png")); list.add(new fireworksdo(3, path_prefix + "fireworks\fireworks3.png")); list.add(new fireworksdo(4, path_prefix + "fireworks\fireworks4.png")); list.add(new fireworksdo(5, path_prefix + "fireworks\fireworks5.png")); list.add(new fireworksdo(6, path_prefix + "fireworks\fireworks6.png")); list.add(new fireworksdo(7, path_prefix + "fireworks\fireworks7.png")); list.add(new fireworksdo(8, path_prefix + "fireworks\fireworks8.png")); list.add(new fireworksdo(9, path_prefix + "fireworks\fireworks9.png")); list.add(new fireworksdo(10, path_prefix + "fireworks\fireworks10.png")); list.add(new fireworksdo(11, path_prefix + "fireworks\fireworks11.png")); return list; } /** * description: 初始化方法,用于重新开始游戏 * * @return: void * @author: weirx * @time: 2022/1/11 10:39 */ public static void init() { isstared = false; isstopped = false; attack = false; nian_x = 325; nian_y = 50; tiger_x = 325; tiger_y = 660; bullet_x = tiger_x + 20; bullet_y = tiger_y - 20; movespeed = 1; movedirection = left; hit = false; hitcount = 0; hitshow = 0; nianblood = 10; success = false; keys = new hashset<>(); fireworks_x = 0; fireworks_y = nian_y + 200; showfireworks = false; currentfireworks = null; takefireworks = false; currentflowers = null; youwillbekill = 0; youwillbekill_x = 0; youwillbekill_y = nian_y + 200; showyouwillbekill = false; isgameover = false; } }
2.5 实体类【fireworksdo】【flowersdo】
这是两个实体类,分别定义的爆竹和礼花样式,用于初始化,代码如下:
import javax.swing.*; import static com.wjbgn.nianfight.nianshou.initprocessor.path_prefix; /** * @description: 花容器 * @author:weirx * @date:2022/1/11 11:05 * @version:3.0 */ public class flowersdo { private integer id; private string path; private imageicon flower; public imageicon getflower() { return flower; } public void setflower(imageicon flower) { this.flower = flower; } public integer getid() { return id; } public void setid(integer id) { this.id = id; } public string getpath() { return path; } public void setpath(string path) { this.path = path; } public flowersdo(integer id, string path) { this.id = id; this.path = path; this.flower = new imageicon(path_prefix + "flowers\flower" + id + ".png"); } }
/** * @description: 礼花实体类 * @author:weirx * @date:2022/1/11 11:01 * @version:3.0 */ public class fireworksdo { /** * id */ private integer id; /** * 图片路径 */ private string path; public imageicon getfirework() { return firework; } public void setfirework(imageicon firework) { this.firework = firework; } private imageicon firework; public integer getid() { return id; } public void setid(integer id) { this.id = id; } public string getpath() { return path; } public void setpath(string path) { this.path = path; } public fireworksdo(integer id, string path) { this.id = id; this.path = path; this.firework = new imageicon(path_prefix + "fireworks\fireworks" + id + ".png"); } }
2.6 图片素材
游戏中使用了大量的图片素材,我在网上找了两个网站不错,一个是png图片网站,是免费的,还有一个是免费切图的,挺好用,都分享给大家
免费png图片网址(英文):www.cleanpng.com/
- 免费切图网址(简单版直接微信关注):www.uupoop.com/
我使用的素材都在项目的pic目录下:
三、总结
写java好几年了,其实从没有使用 javax.swing 和 java.awt 包下面的内容开发过代码,对于现在用户体验为前提的大环境下,综合编码体验,和游戏运行体验来看,确实是不太友好,不太符合环境背景。但是也是一次不错的学习过程。
问题总结
目前整个游戏还是存在一些bug的,后面有时间再翻出来调试吧,此处先记录一下:
- 子弹有时并不是从老虎正前方射出的,与实际的坐标存在偏差:此问题出现的原因我推测来自线程间共享变量的同步问题。子弹的初始横坐标取决于小老虎当前所在的横坐标,这个坐标同步没做好。
- 关于按键切换、同时两个按键等情况造成卡顿的问题:前面解决两个按键同时按下的方案可能不是最优解,后面还需要优化。
- 怪兽扔炸弹、爆竹随着年兽移动存在偏移:炸弹和爆竹的初始横坐标,是年兽当前的横坐标,需要一个变量记录当前年兽的位置,作为炸弹和爆竹的初始横坐标。
关于游戏就说这么多了,感兴趣的去文章开篇的gitee下载源码就行了。
以上就是java实现年兽大作战游戏详解的详细内容,更多关于java年兽大作战游戏的资料请关注其它相关文章!