Java笔记——使用GUI完成贪吃蛇小游戏

Java笔记——使用GUI完成贪吃蛇小游戏

游戏界面展示

  1. 开始界面
    在这里插入图片描述

  2. 得分情况
    在这里插入图片描述

  3. 死亡界面
    在这里插入图片描述

代码编辑展示

全部代码如下所示:

  1. 图片文件夹:
    在这里插入图片描述
  2. 图片加载类
package com.linstack.testsnake;
import javax.swing.*;
import java.net.URL;
/**
 * @Auther: LinStack
 */
class Images {
    //图片类对象,操作对象来实现对包内的图片进行利用
    //封装图片保存的路径成一个url对象,利用反射将图片路径转为一个url信息
    private static URL bodyURL = Images.class.getResource("/images/body.png"); //身体
    private static URL upURL = Images.class.getResource("/images/headup.png"); //头向上
    private static URL downURL = Images.class.getResource("/images/headdown.png"); //头向下
    private static URL leftURL = Images.class.getResource("/images/headleft.png"); //头向左
    private static URL rightURL = Images.class.getResource("/images/headright.png"); //头向右
    private static URL headerURL = Images.class.getResource("/images/header.png"); //标题
    private static URL foodURL = Images.class.getResource("/images/food.png"); //食物
    //将获取的url信息传入图标对象中用作后续使用
    static ImageIcon bodyIMG = new ImageIcon(bodyURL); //静态修饰方便后续直接调用
    static ImageIcon upIMG = new ImageIcon(upURL);
    static ImageIcon downIMG = new ImageIcon(downURL);
    static ImageIcon leftIMG = new ImageIcon(leftURL);
    static ImageIcon rightIMG = new ImageIcon(rightURL);
    static ImageIcon headerIMG = new ImageIcon(headerURL);
    static ImageIcon foodIMG = new ImageIcon(foodURL);
}
  1. 游戏界面类
package com.linstack.testsnake;

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;

/**
 * @Auther: LinStack
 */
public class GamePanel extends JPanel { //游戏面板类,继承自Jpanel面板类
    //属性:
    private int snakeLength; //蛇的初始长度
    private String direction; //蛇运动方向
    private int[] snakeX = new int[200]; //蛇运动的X坐标,初始值为200
    private int[] snakeY = new int[200]; //蛇运动的Y坐标,初始值为200
    private boolean isStart = false; //游戏运行状态,初始为关
    private Timer timer; //加入一个定时器
    private int foodX; //食物x坐标
    private int foodY; //食物y坐标
    private int score; //定义得分
    private boolean isDead = false; //定义蛇的存活状态

    //初始化坐标
    private void init(){
        //定义蛇的初始长度
        snakeLength = 3;
        //初始化蛇头方向
        direction = "R"; //U上,D下,L左,R右
        //初始化snake各部位的坐标
        snakeX[0] = 175; //初始头部坐标,图片的像素尺寸是25*25px
        snakeY[0] = 275;
        snakeX[1] = 150; //初始身体坐标
        snakeY[1] = 275;
        snakeX[2] = 125; //初始尾部坐标
        snakeY[2] = 275;
        //初始化食物的坐标
        foodX = 300;
        foodY = 200;
        //初始化得分:
        score = 0;
    }

    //定义构造器
    GamePanel() {
        init();
        //将焦点定位在当前操作的面板上
        this.setFocusable(true);
        //加入监控
        this.addKeyListener(new KeyAdapter(){
            @Override
            public void keyPressed(KeyEvent e) { //监听键盘按下操作
                super.keyPressed(e);
                int keyCode = e.getKeyCode(); //获取键盘按下时对应的ASCII码
                if (keyCode == KeyEvent.VK_SPACE){
                    if (isDead){
                        //小蛇死亡的情况下,恢复初始状态
                        init();
                        isDead = false;
                    }else {
                        isStart = !isStart; //监听到空格键后,将运行状态取反
                        repaint(); //重复画板内容
                    }
                }
                //监听上下左右按键的内容
                if (keyCode == KeyEvent.VK_UP){
                    direction = "U";
                }
                if (keyCode == KeyEvent.VK_DOWN){
                    direction = "D";
                }
                if (keyCode == KeyEvent.VK_LEFT){
                    direction = "L";
                }
                if (keyCode == KeyEvent.VK_RIGHT){
                    direction = "R";
                }
            }
        });
        //对定时器进行初始化操作
        timer = new Timer(100, new ActionListener() {
            /*
            * ActionListener:事件监听
            * 具体动作在actionPerformed中实现 */
            @Override
            public void actionPerformed(ActionEvent e) {
                if (isStart && !isDead){ //判定开始且小蛇没有死亡的情况下走下面分支
                    //游戏开始,蛇的身体向前移动
                    for (int i = snakeLength-1; i > 0; i--) {
                        //蛇身的移动
                        snakeX[i] = snakeX[i-1];
                        snakeY[i] = snakeY[i-1];
                    }
                    //蛇头的移动
                    if ("R".equals(direction)){
                        snakeX[0] += 25; //向右移动25px
                    }
                    if ("L".equals(direction)){
                        snakeX[0] -= 25; //向左移动25px
                    }
                    if ("U".equals(direction)){
                        snakeY[0] -= 25; //向上移动25px
                    }
                    if ("D".equals(direction)){
                        snakeY[0] += 25; //向下移动25px
                    }
                    //防止蛇飞出边界
                    if (snakeX[0] > 750){
                        snakeX[0] = 25; //防止超出右边界
                    }
                    if (snakeX[0] < 25){
                        snakeX[0] = 750; //防止超出左边界
                    }
                    if (snakeY[0] > 750){
                        snakeY[0] = 150; //防止超出下边界
                    }
                    if (snakeY[0] < 150){
                        snakeY[0] = 750; //防止超出上边界
                    }
                    //检测食物与蛇头碰撞,模拟吃食物得分的过程
                    if (snakeX[0]==foodX&&snakeY[0]==foodY){
                        //蛇长度加1:
                        snakeLength++;
                        /*食物碰撞后,随机在网格内生成
                        * 食物坐标随机改变(需要符合网格规则,当前网格范围:X[25,750],Y[150,750])
                        * 食物X坐标[25,750]:
                        *  [25,750]/25 = [1,30]
                        *  [1,30]的来源
                        *  Math.random()              ->  [0.0,1.0)
                        *  (int)(Math.random()*30)    ->  [0,30)    ->[0,29]
                        *  (int)(Math.random()*30)+1  ->  [1,30]                        *
                        * 食物Y坐标[150,750]:
                        *  [150,750]/25 = [6,30]
                        *  [6,30]的来源
                        *  Math.random()              ->  [0.0,1.0)
                        *  (int)(Math.random()*25)    ->  [0,25)    ->[0,24]
                        *  (int)(Math.random()*25)+6  ->  [6,30]
                        * */
                        foodX = (int)(Math.random()*30+1)*25; //X[25,750]
                        foodY = (int)(Math.random()*25+6)*25; //Y[150,750]
                        score += 10; //得分+10分
                    }
                    //死亡状态:蛇头与任一身体部分相撞则死亡
                    for (int i = 1; i < snakeLength; i++) {
                        if (snakeX[0] == snakeX[i] && snakeY[0] == snakeY[i]) {
                            isDead = true;
                            break;
                        }
                    }
                    repaint(); //重新绘制蛇
                }
            }
        });
        //定时器启动
        timer.start();
    }
    /*重写paintComponent方法
    * paintComponent是虚拟机底层方法
    * */
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        //填充背景颜色
        this.setBackground(new Color(254, 255, 179));
        //画头部(宽780*高140px)的标题图片(四个参数:当前面板,画笔,画板左上角x坐标,画板左上角y坐标)
        Images.headerIMG.paintIcon(this,g,10,10);
        //调整画笔颜色并填充矩形
        g.setColor(new Color(231, 255, 245));
        g.fillRect(10,150,780,610);
        //画蛇,蛇头根据方向进行变更
        if ("R".equals(direction)){
            Images.rightIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("L".equals(direction)){
            Images.leftIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("U".equals(direction)){
            Images.upIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("D".equals(direction)){
            Images.downIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        /*Images.bodyIMG.paintIcon(this,g,snakeX[1],snakeY[1]);
        Images.bodyIMG.paintIcon(this,g,snakeX[2],snakeY[2]);*/
        //优化蛇身,便于后续得分加长
        for (int i = 1; i < snakeLength; i++) {
            Images.bodyIMG.paintIcon(this,g,snakeX[i],snakeY[i]);
        }
        //根据游戏初始状态设置提示语
        if (!isStart){
            //画一个提示语
            g.setColor(new Color(0, 0, 0, 253)); //设置画笔颜色
            g.setFont(new Font("微软雅黑",Font.BOLD,40)); //设置画笔字体格式(三个参数:字体,加粗,字号)
            g.drawString("点击空格开始游戏",250,350);
        }
        //画食物
        Images.foodIMG.paintIcon(this,g,foodX,foodY);
        //画得分面板
        g.setColor(new Color(11, 67, 255)); //设置画笔颜色
        g.setFont(new Font("微软雅黑",Font.BOLD,20)); //设置画笔字体格式(三个参数:字体,加粗,字号)
        g.drawString("积分:"+score,680,40);
        //画死亡状态
        if (isDead){
            g.setColor(new Color(255, 131, 85)); //设置画笔颜色
            g.setFont(new Font("微软雅黑",Font.BOLD,20)); //设置画笔字体格式(三个参数:字体,加粗,字号)
            g.drawString("小蛇死亡,游戏结束!按下空格键重新开始游戏!",180,400);
        }
    }
}

  1. 运行游戏类
package com.linstack.testsnake;

import javax.swing.*;
import java.awt.*;

/**
 * @Auther: LinStack
 */
public class LaunchGame {
    public static void main(String[] args) {
        //创建一个窗体
        JFrame jf = new JFrame();
        //给窗体设置标题
        jf.setTitle("小游戏,大逻辑 by LinStack");
        //设置窗体弹出的坐标以及窗体自身的宽高
        int width = Toolkit.getDefaultToolkit().getScreenSize().width;
        int height = Toolkit.getDefaultToolkit().getScreenSize().height;
        jf.setBounds((width-800)/2,(height-800)/2,800,800);
        //窗体的位置及大小不可变更
        jf.setResizable(false);
        //窗口关闭同步程序关闭
        jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //创建面板并添加到窗体中
        GamePanel gp = new GamePanel();
        jf.add(gp);
        //窗体的显示展示(此显示最好在窗体代码最下端,方便上述设置做变更)
        jf.setVisible(true);
    }
}

代码逻辑分析

细节讨论1:图片如何加载到程序中来?

对于java语言而言,所以的操作都是基于对象进行处理,所以使用图片也是通过创建对应的对象进行处理,在这个程序中使用了两个类:URL和ImageIcon类

1. 使用URL类,利用反射的概念获取字节码信息,并将图片的相对路径作为参数传入创建的URL对象中,进行封装。
2. 使用ImageIcon类,新建图标对象,将上述封装好的URL对象进行传入,完成图标的封装,便于后续直接对图标(实际程序内的图片)进行操作。

细节讨论2:游戏窗体的创建

利用JFram类,创建一个JFram窗体对象,对新建对象设置对应的参数方法

  • setTitle设置标题
  • setBounds设置大小
  • setResizable设置窗体位置
  • setDefaultCloseOperation设置程序同步关闭
  • setVisible设置窗体可视化
细节讨论3:游戏面板的绘制

创建一个游戏面板类,需要继承JPanel类,才能具备面板功能。并通过重写paintComponent方法,进行绘制。(paintComponent是虚拟机底层方法,可以不用在main方法里面重新调用)

  • setBackground设置背景颜色
  • setColor设置画笔颜色
  • drawString写文字
  • fillRect填充矩形
  • paintIcon画图标,前置为(Images.XXX.paintIcon(this,g,0,0);)

并需要在窗体中加载方可显示

GamePanel gp = new GamePanel();
        jf.add(gp);
细节讨论4:小蛇及界面的加载
  1. 画小蛇
    使用Images.headerIMG.paintIcon将图标加载到画框内后,定义参数完成,蛇头存在上下左右四种状态,所以需要在对应的方向进行相应的头部方向的更改(身子因为和头部衔接,暂时无需改动)
//画蛇,蛇头根据方向进行变更
        if ("R".equals(direction)){
            Images.rightIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("L".equals(direction)){
            Images.leftIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("U".equals(direction)){
            Images.upIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }
        if ("D".equals(direction)){
            Images.downIMG.paintIcon(this,g,snakeX[0],snakeY[0]);
        }

蛇身在定义初始长度后,可以根据长度数值,进行for循环绘制

//优化蛇身,便于后续得分加长
        for (int i = 1; i < snakeLength; i++) {
            Images.bodyIMG.paintIcon(this,g,snakeX[i],snakeY[i]);
        }
  1. 画食物
    食物仅需定义属性:食物的XY坐标,即可放入画框中
//画食物
        Images.foodIMG.paintIcon(this,g,foodX,foodY);
  1. 画初始提示文字与实时得分显示问题
//根据游戏初始状态设置提示语
        if (!isStart){
            //画一个提示语
            g.setColor(new Color(0, 0, 0, 253)); //设置画笔颜色
            g.setFont(new Font("微软雅黑",Font.BOLD,40)); //设置画笔字体格式(三个参数:字体,加粗,字号)
            g.drawString("点击空格开始游戏",250,350);
        }
//画得分面板
        g.setColor(new Color(11, 67, 255)); //设置画笔颜色
        g.setFont(new Font("微软雅黑",Font.BOLD,20)); //设置画笔字体格式(三个参数:字体,加粗,字号)
        g.drawString("积分:"+score,680,40);
  1. 死亡状态
    定义一个死亡状态,初始值为false,判定为true时表示游戏结束,给出提示语。
//画死亡状态
        if (isDead){
            g.setColor(new Color(255, 131, 85)); //设置画笔颜色
            g.setFont(new Font("微软雅黑",Font.BOLD,20)); //设置画笔字体格式(三个参数:字体,加粗,字号)
            g.drawString("小蛇死亡,游戏结束!按下空格键重新开始游戏!",180,400);
        }
细节讨论5:蛇运动的规则
  1. 蛇在开始后的运动
    按下空格键,触发监听器,行为监测开始,在判断开始及未死亡的状态下,蛇开始移动:
    普通情况下,所有蛇身体向当前方向移动,代码逻辑即所有位置XY坐标的后一位向前一位跃进
    snakeX[i] = snakeX[i-1];
    snakeY[i] = snakeY[i-1];
    蛇头的移动,根据方向进行对应的导向操作(本例中因为图标像素为25px,所以移动的规则也是25px)
    为了防止蛇穿越四周边界,设置为返回对应的相反边界
if (isStart && !isDead){ //判定开始且小蛇没有死亡的情况下走下面分支
                    //游戏开始,蛇的身体向前移动
                    for (int i = snakeLength-1; i > 0; i--) {
                        //蛇身的移动
                        snakeX[i] = snakeX[i-1];
                        snakeY[i] = snakeY[i-1];
                    }
                    //蛇头的移动
                    if ("R".equals(direction)){
                        snakeX[0] += 25; //向右移动25px
                    }
                    if ("L".equals(direction)){
                        snakeX[0] -= 25; //向左移动25px
                    }
                    if ("U".equals(direction)){
                        snakeY[0] -= 25; //向上移动25px
                    }
                    if ("D".equals(direction)){
                        snakeY[0] += 25; //向下移动25px
                    }
                    //防止蛇飞出边界
                    if (snakeX[0] > 750){
                        snakeX[0] = 25; //防止超出右边界
                    }
                    if (snakeX[0] < 25){
                        snakeX[0] = 750; //防止超出左边界
                    }
                    if (snakeY[0] > 750){
                        snakeY[0] = 150; //防止超出下边界
                    }
                    if (snakeY[0] < 150){
                        snakeY[0] = 750; //防止超出上边界
                    }
  1. 蛇在获取食物后的得分与长度的变化
    蛇在获取食物后,首先蛇的长度进行自增,再来食物进行随机刷新,分数进行累加操作
//检测食物与蛇头碰撞,模拟吃食物得分的过程
                    if (snakeX[0]==foodX&&snakeY[0]==foodY){
                        //蛇长度加1:
                        snakeLength++;
                        /*食物碰撞后,随机在网格内生成
                        * 食物坐标随机改变(需要符合网格规则,当前网格范围:X[25,750],Y[150,750])
                        * 食物X坐标[25,750]:
                        *  [25,750]/25 = [1,30]
                        *  [1,30]的来源
                        *  Math.random()              ->  [0.0,1.0)
                        *  (int)(Math.random()*30)    ->  [0,30)    ->[0,29]
                        *  (int)(Math.random()*30)+1  ->  [1,30]                        *
                        * 食物Y坐标[150,750]:
                        *  [150,750]/25 = [6,30]
                        *  [6,30]的来源
                        *  Math.random()              ->  [0.0,1.0)
                        *  (int)(Math.random()*25)    ->  [0,25)    ->[0,24]
                        *  (int)(Math.random()*25)+6  ->  [6,30]
                        * */
                        foodX = (int)(Math.random()*30+1)*25; //X[25,750]
                        foodY = (int)(Math.random()*25+6)*25; //Y[150,750]
                        score += 10; //得分+10分
                    }
  1. 蛇在碰撞自身后的死亡
    蛇的死亡机制,即蛇头与其他位置的身体相撞即死亡,使用for循环便利蛇头与所有蛇身的坐标相同情况即可实现
//死亡状态:蛇头与任一身体部分相撞则死亡
                    for (int i = 1; i < snakeLength; i++) {
                        if (snakeX[0] == snakeX[i] && snakeY[0] == snakeY[i]) {
                            isDead = true;
                            break;
                        }
                    }

资源分享

度盘链接
提取码:0821

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值