关键词:
【Java】GUI实现贪吃蛇
前言
我们在做这个小游戏之前,得确保自己的AWT和Swing有一定的基础,并且会写一些简单的逻辑操作。这些都会在后面写的时候体现出来。
我们在看视频的时候都知道,视频是一帧一帧播放的,一般我们看动画的帧率是每秒24帧。
我们在GUI中实现帧率的,通过不断刷新实现
此外,我们要通过键盘监听来监听键盘的上下左右操作来控制小蛇的移动
还需要通过定时器Timer来实现
文章中的贪吃蛇代码源码已经给出了,这里还有一份我自己构建的jar包,下载地址
1、构建静态页面
效果如下:
我们创建一个游戏启动类,一个图片资源类,一个面板类
其中游戏启动类用于启动这个JFrame,图片资源就是用来加载图片资源的,面板就是用来放顶部的背景和小蛇存在的区域的
-
游戏启动类
package top.woodwhale.snake; import javax.swing.*; // 游戏的主启动类 public class StartGame public static void main(String[] args) JFrame frame = new JFrame(); frame.setBounds(10,10,900,720); frame.setResizable(false); // 设置窗口大小不变 frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); frame.add(new GamePanel()); // 增加游戏面板 frame.setVisible(true);
-
资源类
package top.woodwhale.snake; import javax.swing.*; import java.net.URL; public class Data // 相对路径和绝对路径都可以使用 public static URL headerURL = Data.class.getResource("statics/img/header.png"); public static ImageIcon header = new ImageIcon(headerURL); public static URL upRUL = Data.class.getResource("statics/img/up.png"); public static ImageIcon up = new ImageIcon(upRUL); public static URL downURL = Data.class.getResource("statics/img/down.png"); public static ImageIcon down = new ImageIcon(downURL); public static URL leftURL = Data.class.getResource("statics/img/left.png"); public static ImageIcon left = new ImageIcon(leftURL); public static URL rightURL = Data.class.getResource("statics/img/right.png"); public static ImageIcon right = new ImageIcon(rightURL); public static URL bodyURL = Data.class.getResource("statics/img/body.png"); public static ImageIcon body = new ImageIcon(bodyURL); public static URL foodURL = Data.class.getResource("statics/img/food.png"); public static ImageIcon food = new ImageIcon(foodURL);
-
游戏面板类
package top.woodwhale.snake; import javax.swing.*; import java.awt.*; // 游戏面板 public class GamePanel extends JPanel // 绘制面板,游戏中的所有东西都用这个画笔来画 @Override public void paintComponent(Graphics g) super.paintComponent(g); // 清除屏幕的作用 // 绘制静态面板 this.setBackground(Color.white); Data.header.paintIcon(this,g,25,11); // 画上头部广告栏 g.fillRect(25,75,850,600); // 默认的游戏界面
2、构建小蛇位置
这一部分,我们在GamePanel类中添加了一些小蛇的信息,来绘制小蛇,并且对小蛇的属性进行定义。
效果如下:
代码:
package top.woodwhale.snake;
import javax.swing.*;
import java.awt.*;
// 游戏面板
public class GamePanel extends JPanel
// 定义小蛇的数据结构
int length; // 蛇的长度
int[] snakeX = new int[600]; // 蛇的x坐标 25*25
int[] snakeY = new int[600]; // 蛇的y坐标
String dictionary; // 蛇头的方向
boolean isStart; // 游戏状态——是否开始
public GamePanel()
init(); // 初始化
// 初始化方法
public void init()
length = 3;
snakeX[0] = 100;snakeY[0] = 100; // 脑袋的坐标
snakeX[1] = 75;snakeY[1] = 100; // 第一个身体
snakeX[2] = 50;snakeY[2] = 100; // 第二个身体
dictionary = "R"; // 蛇头的初始方向
isStart = false; // 默认游戏没开始
// 绘制面板,游戏中的所有东西都用这个画笔来画
@Override
public void paintComponent(Graphics g)
super.paintComponent(g); // 清除屏幕的作用
// 绘制静态面板
this.setBackground(Color.white);
Data.header.paintIcon(this,g,25,11); // 画上头部广告栏
g.fillRect(25,75,850,600); // 默认的游戏界面
// 判断蛇头方向
if (dictionary.equals("R"))
Data.right.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向右边
else if (dictionary.equals("L"))
Data.left.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向左边
else if (dictionary.equals("U"))
Data.up.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向上边
else
Data.down.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向下边
// 蛇的身体
for (int i = 1; i < length; i++)
Data.body.paintIcon(this,g,snakeX[i],snakeY[i]);
// 游戏状态
if (!isStart)
g.setColor(Color.white);
g.setFont(new Font("Chilanka",Font.BOLD,40));
g.drawString("Press Space To Start!",250,400);
3、监听键盘操作
我们仍然是在GamePanel类中实现键盘监听操作,我们直接让这个类使用KeyListener接口,重写三个键盘监听方法就可以实现键盘监听了
我们需要第一步做的就是按下空格开始/暂停,使用键盘监听空格键,如果按下了空格,那么我们就让游戏状态取反
package top.woodwhale.snake;
import javax.swing.*;
import java.awt.*;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
// 游戏面板
public class GamePanel extends JPanel implements KeyListener
// 定义小蛇的数据结构
int length; // 蛇的长度
int[] snakeX = new int[600]; // 蛇的x坐标 25*25
int[] snakeY = new int[600]; // 蛇的y坐标
String dictionary; // 蛇头的方向
boolean isStart; // 游戏状态——是否开始
public GamePanel()
init(); // 初始化
this.setFocusable(true); // 获得焦点事件
this.addKeyListener(this); // 获取键盘监听,因为这个类是KeyListener类的接口,并且实现了监听方法,用this就好了
// 初始化方法
public void init()
length = 3;
snakeX[0] = 100;snakeY[0] = 100; // 脑袋的坐标
snakeX[1] = 75;snakeY[1] = 100; // 第一个身体
snakeX[2] = 50;snakeY[2] = 100; // 第二个身体
dictionary = "R"; // 蛇头的初始方向
isStart = false; // 默认游戏没开始
// 绘制面板,游戏中的所有东西都用这个画笔来画
@Override
public void paintComponent(Graphics g)
super.paintComponent(g); // 清除屏幕的作用
// 绘制静态面板
this.setBackground(Color.white);
Data.header.paintIcon(this,g,25,11); // 画上头部广告栏
g.fillRect(25,75,850,600); // 默认的游戏界面
// 判断蛇头方向
if (dictionary.equals("R"))
Data.right.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向右边
else if (dictionary.equals("L"))
Data.left.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向左边
else if (dictionary.equals("U"))
Data.up.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向上边
else
Data.down.paintIcon(this,g,snakeX[0],snakeY[0]); // 蛇头向下边
// 蛇的身体
for (int i = 1; i < length; i++)
Data.body.paintIcon(this,g,snakeX[i],snakeY[i]);
// 游戏状态
if (!isStart)
g.setColor(Color.white);
g.setFont(new Font("Chilanka",Font.BOLD,40));
g.drawString("Press Space To Start!",250,400);
@Override
public void keyTyped(KeyEvent keyEvent)
// 键盘监听时间
@Override
public void keyPressed(KeyEvent keyEvent)
// 监听按下空格开始or暂停
int keyCode = keyEvent.getKeyCode();
if (keyCode == KeyEvent.VK_SPACE)
isStart = !isStart; // 去反
repaint();
@Override
public void keyReleased(KeyEvent keyEvent)
4、定时器使小蛇移动
在这一节中,我们要通过Timer类实现定时器,不断刷新、重画,让小蛇动起来,并且给小蛇监听键盘的上下左右
package top.woodwhale.snake;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
// 游戏面板
public class GamePanel extends JPanel implements KeyListener, ActionListener
// 定义小蛇的数据结构
int length; // 蛇的长度
int[] snakeX = new int[600]; // 蛇的x坐标 25*25
int[] snakeY = new int[600]; // 蛇的y坐标
String dictionary; // 蛇头的方向
boolean isStart; // 游戏状态——是否开始
int preX; // 改变方向时记录的坐标X
int preY; // 改变方向时记录的坐标Y
// 定时器
Timer timer;
// 构造器
public GamePanel()
init(); // 初始化
this.setFocusable(true); // 获得焦点事件
this.addKeyListener(this); // 获取键盘监听,因为这个类是KeyListener类的接口,并且实现了监听方法,用this就好了
// 初始化方法
public void init()
length = 3;
snakeX[0] = 100;snakeY[0] = 100; // 脑袋的坐标
snakeX[1] = 75;snakeY[1] = 100; // 第一个身体
snakeX[2] = 50;snakeY[2] = 100; // 第二个身体
preX = snakeX[0];preY = snakeY[0];
dictionary = "R"; // 蛇头的初始方向
isStart = false; // 默认游戏没开始
timer = new Timer(150,this); // 监听this对象,按照1000ms执行一次
timer.start(); // 游戏一开始定时器开始
// 绘制面板,游戏中的所有东西都用这个画笔来画
@Override
public void paintComponent(Graphics g)
super.paintComponent(g); // 清除屏幕的作用
// 绘制静态面板
this.setBackground(Color.white);
Data.header.paintIcon(this,g,25,11); // 画上头部广告栏
g.fillRect(25,75,850,600); // 默认的游戏界面
// 判断蛇头方向
switch (dictionary)
case "R":
Data.right.paintIcon查看详情
mfc实现贪吃蛇(代码片段)
贪吃蛇游戏的实现一、前期准备类的定义1、位置(点)类的定义classPointpublic: Point(intx=0,inty=0); intgetPointx();//获得X轴位置 intgetPointy();//获得Y轴位置 boolchangex(inta);//改变X轴位置 boolchangey(intb);//改变Y轴位置 boolcmp 查看详情
mfc实现贪吃蛇(代码片段)
贪吃蛇游戏的实现一、前期准备类的定义1、位置(点)类的定义classPointpublic: Point(intx=0,inty=0); intgetPointx();//获得X轴位置 intgetPointy();//获得Y轴位置 boolchangex(inta);//改变X轴位置 boolchangey(intb);//改变Y轴位置 boolcmp 查看详情
贪吃蛇(c语言实现)(代码片段)
...c;贪吃蛇游戏按键说明:按方向键上下左右,可以实现蛇移动方向的改变。短时间长按 查看详情
javascript贪吃蛇的实现(代码片段)
...定,即蛇头和食物块发生触碰4.吃到食物积分加1具体实现一.html代码<divclass="container"><!--小蛇移动的操场--><divid="playground" 查看详情
gui简单实战——贪吃蛇(代码片段)
...战,完成一个简单的贪吃蛇项目项目功能用键盘上下左右实现贪吃蛇的自动移动贪吃蛇吃到食物后,长度加一,分数加一贪吃蛇吃到自己的身体,则游戏结束按空格键实现游戏的暂停和继续效果截图逻辑分析需要Main.class中有publi... 查看详情
贪吃蛇项目的制作(代码片段)
...发贪吃蛇。以下仅仅为简要说一下逻辑,源码放在最后。实现该项目总共用到三个类:Data数据类,用于存放静态数据;Snake实现类,用于运行;GamePanel核心类,用于具体实现内部逻辑。实现结果如图:Data类要实现以上的内容,... 查看详情
javascript实现贪吃蛇小游戏(代码片段)
JavaScript实现贪吃蛇小游戏功能概述本程序实现了如下功能:贪吃蛇的基本功能统计得分开始与暂停选择难度等级设置快捷键5.1通过ijkl,wsad也能实现方向的切换5.2通过“P”表示暂停,“C”表示开始或继续,"R... 查看详情
原生web实现贪吃蛇(代码片段)
目录1、关键代码2、完整代码1、关键代码functionSquare(x,y,classname) //0,0 0,0//20,0 1,0//40,0 2,0this.x=x*sw;this.y=y*sh;this.class=classname;//方块对应的DOM元素this.viewContent=document.createElement('d 查看详情
利用canvas+js实现贪吃蛇(代码片段)
...写一个贪吃蛇的页面,于是就选择了Canvs,不过只实现蛇身的长度是1的情况,对于蛇身大于2的情况,我还没想出来如何绘制蛇,等查资料后,再来实现下面是源码部分:html:<divstyle="text-ali... 查看详情
c语言实现《贪吃蛇》小游戏,代码分享+思路注释(代码片段)
贪吃蛇(也叫做贪食蛇)游戏是一款休闲益智类游戏,有PC和手机等多平台版本。既简单又耐玩。该游戏通过控制蛇头方向吃蛋,从而使得蛇变得越来越长。 [1]贪吃蛇游戏最初为单机模式,后续又陆续推出团... 查看详情
js实现——贪吃蛇(代码片段)
把以下代码保存成Snake.html文件,使用Google或360浏览器打开<!DOCTYPEHTML><html><head><metacharset="utf-8"/><title>Snake</title><style></style></head><body><di 查看详情
c++入门——实现贪吃蛇游戏(代码片段)
参考《C和C++游戏趣味编程》贪吃蛇游戏键盘控制小蛇上、下、左、右移动,迟到食物后长度加1;蛇头碰到自身或窗口边缘,游戏失败程序框架#include<graphics.h>#include<conio.h>#include<stdio.h>//全局变量定... 查看详情
贪吃蛇二代——穿墙版(c语言实现)(代码片段)
...;可以改变蛇的移动方向。短时间长按某一方向键,可实现蛇朝 查看详情
c++实现贪吃蛇小游戏(代码片段)
开发环境:Codeblocks17.12我的软件课程设计题目选取的就是贪吃蛇小游戏,我通过在网上找一些资料和博客学习后,进行了设计。下面给出注释版代码:#include<bits/stdc++.h>#include<windows.h>#include<ctime>... 查看详情
#夏日挑战赛#openharmony基于js实现的贪吃蛇(代码片段)
...ps:我曾经可是在不会死亡的情况下完了好长时间>_<)实现效果如下::::hljs-center:::具体实现思路容器初始化在onShow钩子函数那里获取到游戏容器的宽高,其实我是不想在这里获取的,但没办法,好像getBoundingClientRect() 查看详情
一条贪吃蛇的使命——零基础入门贪吃蛇游戏(代码片段)
...、最经典、最受欢迎的小游戏之一。本篇文章带你零基础实现贪吃蛇游戏,一条蛇的使命从这里开始。1、游戏描述????贪吃蛇是一款非常经典的休闲类游戏。在一块固定大小的区域内,游戏玩家通过控制贪吃蛇的移动去吃食物,... 查看详情
利用canvas+js实现贪吃蛇(代码片段)
将贪吃蛇改造成面向对象,类似插件的东西。过程中,要把握好this的指向,因为这个,调试了好大会将randFood进行了修正,添加了一个配置参数与默认参数合并方法,其他的都还是一样的。html代码没有改... 查看详情