[JavaSE] 练手小项目贪吃蛇小游戏

Posted 2021-11-22 maets906

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[JavaSE] 练手小项目贪吃蛇小游戏相关的知识，希望对你有一定的参考价值。

本文章是【狂神说Java】一小时开发贪吃蛇游戏的学习笔记。

文章目录

动画帧的概念

动画帧——就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。一帧就是一副静止的画面，连续的帧就形成动画，如电视图象等。
我们通常说帧数，简单地说，就是在1秒钟时间里传输的图片的帧数，也可以理解为图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）表示。
每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数 (fps) 愈多，所显示的动作就会愈流畅。
——来自百度知道

绘制静态窗口

作者这里在IDEA里新建项目时就遇到问题了：.java文件的左下角有个橙色小图标，鼠标移动到上面时显示"Java file outside of source root"，并且main方法前也没有执行的绿色按钮。这里以作者之前做的一个学校作业为例。

这里参考了一篇博客解决了这个问题
关于IDEA中突然出现java file outside of source root的问题解决

按步骤点击后，界面恢复如下：

运行结果也正常

看完可能出现的问题后，我们回到正题。

我们新建一个项目，并建好包，并把图片资源导入。

作者并没有学过GUI的相关知识，所以这部分直接跟着视频敲就完事了。

//StartGame.java
package snakegames;

import javax.swing.*;

public class StartGame {
    public static void main(String[] args) {
        //1.绘制一个静态窗口 JFrame
        JFrame frame=new JFrame("Snake Game");
        frame.setBounds(10,10,900,720);//设置界面大小
        frame.setResizable(false); //窗口大小则不可改变
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置关闭界面，游戏可以关闭了
        frame.setVisible(true);//让窗口能够显示出来

    }
}

运行效果

绘制游戏面板

接下来我们新建一个类，用来编写画板。

//GamePanel.java
package snakegames;

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

public class GamePanel extends JPanel {
    //画板：画界面，画蛇
    @Override
    //Graphics 画笔
    protected void paintComponent(Graphics g){
        super.paintComponent(g);//清屏
        this.setBackground(Color.WHITE);//设置背景的颜色
        //绘制头部的广告栏
        Data.header.paintIcon(this,g,25,11);
        //绘制游戏区域
        g.fillRect(25,75,850,600);
    }
}

我们新建一个类Data来存放外部数据。

导入图片时要寻找好路径。

//Data.java
package snakegames;

import javax.swing.*;
import java.net.URL;

//存放外部数据
public class Data {
    //头部的图片 URL：定位图片地址 ImageIcon：图片
    public static URL headerURL=Data.class.getResource("/statics/header.png");
    public static ImageIcon header=new ImageIcon(headerURL);

    //把图片全部导入
    public static URL upURL=Data.class.getResource("/statics/up.png");
    public static URL downURL=Data.class.getResource("/statics/down.png");
    public static URL leftURL=Data.class.getResource("/statics/left.png");
    public static URL rightURL=Data.class.getResource("/statics/right.png");
    public static URL bodyURL=Data.class.getResource("/statics/body.png");
    public static URL foodURL=Data.class.getResource("/statics/food.png");

    public static ImageIcon up=new ImageIcon(upURL);
    public static ImageIcon down=new ImageIcon(downURL);
    public static ImageIcon left=new ImageIcon(leftURL);
    public static ImageIcon right=new ImageIcon(rightURL);
    public static ImageIcon body=new ImageIcon(bodyURL);
    public static ImageIcon food=new ImageIcon(foodURL);

}

然后我们在StartGame类里添加上画板

//StartGame.java
package snakegames;

import javax.swing.*;

public class StartGame {
    public static void main(String[] args) {
        //1.绘制一个静态窗口 JFrame
        JFrame frame=new JFrame("Snake Game");
        frame.setBounds(10,10,900,720);//设置界面大小
        frame.setResizable(false); //窗口大小则不可改变
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置关闭界面，游戏可以关闭了

        //2.面板JPanel 可以加入到Frame
        frame.add(new GamePanel());


        frame.setVisible(true);//让窗口能够显示出来

    }
}

效果图

画静态小蛇

package snakegames;

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

public class GamePanel extends JPanel {

    int length;//蛇的长度
    int[] snakeX=new int[600];//蛇的坐标X
    int[] snakeY=new int[500];//蛇的坐标Y
    String fx;//R:right L:left U:up D:down


    //初始化
    public void init(){
        length=3;
        snakeX[0]=100;snakeY[0]=100;//头部坐标
        snakeX[1]=75;snakeY[1]=100;//第一个身体坐标
        snakeX[2]=50;snakeY[2]=100;//第二个身体坐标
        fx="R";
    }
    //构造器
    public GamePanel(){
        init();
    }

    //画板：画界面，画蛇
    @Override
    //Graphics 画笔
    protected 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(fx.equals("R")){
            Data.right.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("L")){
            Data.left.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("U")){
            Data.up.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("D")){
            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]);//蛇的身体长度通过length来控制
        }
    }
}

效果图

让小蛇动起来

接收键盘的输入：监听

package snakegames;

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
    int[] snakeY=new int[500];//蛇的坐标Y
    String fx;//R:right L:left U:up D:down
    boolean isStart=false;//游戏是否开始

    //初始化
    public void init(){
        length=3;
        snakeX[0]=100;snakeY[0]=100;//头部坐标
        snakeX[1]=75;snakeY[1]=100;//第一个身体坐标
        snakeX[2]=50;snakeY[2]=100;//第二个身体坐标
        fx="R";
    }
    //构造器
    public GamePanel(){
        init();
        //获取键盘的监听事件
        this.setFocusable(true);
        this.addKeyListener(this);
    }

    @Override
    public void keyTyped(KeyEvent e) {/*键盘按下，弹起：敲击*/}
    @Override
    public void keyReleased(KeyEvent e) {/*释放某个键*/}

    //接收键盘的输入：监听
    @Override
    public void keyPressed(KeyEvent e) {
        //键盘按下未释放
        //接收键盘的输入，获取按下的键盘是哪个键
        int keyCode=e.getKeyCode();
        if(keyCode==KeyEvent.VK_SPACE){//如果按下的是空格键
            isStart=!isStart;//如果是启动，就暂停；如果是不启动，则启动
            repaint();//刷新界面
        }
    }



    //画板：画界面，画蛇
    @Override
    //Graphics 画笔
    protected 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(fx.equals("R")){
            Data.right.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("L")){
            Data.left.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("U")){
            Data.up.paintIcon(this,g,snakeX[0],snakeY[0]);
        }else if(fx.equals("D")){
            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]);//蛇的身体长度通过length来控制
        }
        //游戏提示是否开始
        if(isStart==false){
            //画一个文字 String
            g.setColor(Color.WHITE);//设置画笔的颜色
            g.setFont(new Font("微软雅黑",Font.BOLD,40));//设置字体
            g.drawString("按下空格开始游戏",300,300);
        }

    }
}

效果图

按下空格后

再次按下空格

定时器，监听时间流动

我们想让小蛇动起来，最核心的部分就在下面。

直观地看：

脑袋右移一格，第一个身体跟着脑袋右移到刚才脑袋的位置，第二个身体跟着移动到刚才第一个身体的位置
脑袋下移一格，第一个身体跟着脑袋移动到刚才脑袋的位置，第二个身体跟着移动到刚才第一个身体的位置，以此类推

代码实现：

除了脑袋，身体从最后一个开始，每个都向前移动，覆盖前一个身体

我认为actionPerformed方法中的内容，是整个项目的核心。

package snakegames;

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;
import java.sql.Time;

public class GamePanel extends JPanel implements KeyListener, ActionListener {

    int length;//蛇的长度
    int[] snakeX=new int[600];//蛇的坐标X
    int[] snakeY=new int[500];//蛇的坐标Y
    String fx;//R:right L:left U:up D:down
    boolean isStart=false;//游戏是否开始
    Timer timer=new Timer(100,this);//定时器


    //初始化
    public void init(){
        length=3;
        snakeX[0]=100;snakeY[0]=100;//头部坐标
        snakeX[1]=75;snakeY[1]=100;//第一个身体坐标
        snakeX[2]=50;snakeY[2]=100;//第二个身体坐标
        fx="R";
    }
    //构造器
    public GamePanel(){
        init();
        //获取键盘的监听事件
        this.setFocusable(true以上是关于[JavaSE] 练手小项目 贪吃蛇小游戏的主要内容，如果未能解决你的问题，请参考以下文章 
 C实现贪吃蛇游戏练手项目
 python游戏练手--贪吃蛇
 使用前端原生 js，贪吃蛇小游戏
 汇编语言贪吃蛇游戏
 Python实例练手项目源码 - 贪吃蛇
 Python实例练手项目源码 - 贪吃蛇

[JavaSE] 练手小项目 贪吃蛇小游戏