[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 
效果图
  
让小蛇动起来 
接收键盘的输入：监听 
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 
效果图
 
 按下空格后
 
 再次按下空格
 
 定时器，监听时间流动 
我们想让小蛇动起来，最核心的部分就在下面。 
直观地看： 
脑袋右移一格，第一个身体跟着脑袋右移到刚才脑袋的位置，第二个身体跟着移动到刚才第一个身体的位置
脑袋下移一格，第一个身体跟着脑袋移动到刚才脑袋的位置，第二个身体跟着移动到刚才第一个身体的位置，以此类推 
代码实现： 
除了脑袋，身体从最后一个开始，每个都向前移动，覆盖前一个身体 
我认为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);
        this.addKeyListener(this);
        timer.start();//让时间动起来
    }

    @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;i0;i--){
                //除了脑袋，身体都向前移动
                snakeX[i]=snakeX[i-1];
                snakeY[i]=snakeY[i-1];
            }
            snakeX[0]=snakeX[0]+25;//头部移动
            //边界判断
            if(snakeX[0]>850){
                snakeX[0]=25;
            }
            //每一次移动完成就刷新一次界面
            repaint();
        }
        timer.start();//让时间动起来
    }
}
 
效果动图
  
小蛇的上下左右移动 
我们在keyPressed方法里添加一些操作 
//接收键盘的输入：监听
    @Override
    public void keyPressed(KeyEvent e) {
        //键盘按下未释放
        //接收键盘的输入，获取按下的键盘是哪个键
        int keyCode=e.getKeyCode();
        if(keyCode==KeyEvent.VK_SPACE){//如果按下的是空格键
            isStart=!isStart;//如果是启动，就暂停；如果是不启动，则启动
            repaint();//刷新界面
        }
        //键盘控制走向
        if(keyCode==KeyEvent.VK_LEFT){
            fx="L";
        }else if(keyCode==KeyEvent.VK_RIGHT){
            fx="R";
        }else if(keyCode==KeyEvent.VK_UP){
            fx="U";
        }else if(keyCode==KeyEvent.VK_DOWN){
            fx="D";
        }
    }
 
//定时器，监听时间，帧：执行定时操作
    @Override
    public void actionPerformed(ActionEvent e) {
        //如果游戏处于开始状态
        if(isStart){
            for(int i=length-1;i>0;i--){
                //除了脑袋，身体都向前移动
                snakeX[i]=snakeX[i-1];
                snakeY[i]=snakeY[i-1];
            }
            //通过控制方向让头部移动
            if(fx.equals("R")){
                snakeX[0]=snakeX[0]+25;//头部移动
                if(snakeX[0]>850){snakeX[0]=25;}//边界判断
            }else if(fx.equals("L")){
                snakeX[0]=snakeX[0]-25;
                if(snakeX[0]<25){snakeX[0]=850;}
            }else if(fx.equals("U")){
                snakeY[0]=snakeY[0]-25;
                if(snakeY[0]<75){snakeY[0]=650;}
            }else if(fx.equals("D")){
                snakeY[0]=snakeY[0]+25;
                if(snakeY[0]>600){snakeY[0]=75;}
            }

            //每一次移动完成就刷新一次界面
            repaint();
        }
        timer.start();//让时间动起来
    }
 
效果动图
  
吃食物、积分系统和失败判定 
我们做到这里，已经把程序的大框架做出来了，剩下的东西就不那么困难了。 
//GamePanel.java
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;
import java.util.Random;

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);//定时器
    //1.定义一个食物
    int foodX;
    int foodY;
    Random random=new Random();
    //死亡判断
    boolean isFail=false;
    //积分系统
    int score;

    //初始化
    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";
        foodX=25+25*random.nextInt(34);
        foodY=75+25*random.nextInt(24);
        score=0;
    }
    //构造器
    public GamePanel(){
        init();
        //获取键盘的监听事件
        this.setFocusable(true);
        this.addKeyListener(this);
        timer.start();//让时间动起来
    }

    @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) {//如果按下的是空格键
            if(isFail){
                //失败，游戏再来一遍
                isFail=false;
                init();//重新初始化游戏
            }else{
                isStart = !isStart;//如果是启动，就暂停；如果是不启动，则启动
            }
            repaint();//刷新界面
        }
        //键盘控制走向
        if (keyCode == KeyEvent.VK_LEFT) {
            fx = "L";
        } else if (keyCode == KeyEvent.VK_RIGHT) {
            fx = "R";
        } else if (keyCode == KeyEvent.VK_UP) {
            fx = "U";
        } else if (keyCode == KeyEvent.VK_DOWN) {
            fx = "D";
        }
    }


    //画板：画界面，画蛇
    @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;i0;i--){
                //除了脑袋，身体都向前移动
                snakeX[i]=snakeX[i-1];
                snakeY[i]=snakeY[i-1];
            }
            //通过控制方向让头部移动
            if(fx.equals("R")){
                snakeX[0]=snakeX[0]+25;//头部移动
                //边界判断
                if(snakeX[0]>850){snakeX[0]=25;}
            }else if(fx.equals("L")){
                snakeX[0]=snakeX[0]-25;
                if(snakeX[0]<25){snakeX[0]=850;}
            }else if(fx.equals("U")){
                snakeY[0]=snakeY[0]-25;
                if(snakeY[0]<75){snakeY[0]=650;}
            }else if(fx.equals("D")){
                snakeY[0]=snakeY[0]+25;
                if(snakeY[0]>600){snakeY[0]=75;}
            }
            //如果小蛇的头和食物坐标重合了
            if(snakeX[0]==foodX && snakeY[0]==foodY){
                //长度加一
                length++;
                //分数加一
                score+=10;
                //重新生成食物
                foodX=25+25*random.nextInt(34);
                foodY=75+25*random.nextInt(24);
            }
            //结束判断
            for(int i=1;i 
效果动图 
 
打包发布 
点击Project Structure下的Artifacts
 
 依次点击
 
 
 点击Apply
 
 选择最上方工具栏的Build->Build Artifacts
 
 
 我们对这个jar包右键，选择在文件夹中打开
 
 
 我们双击它，就可以打开了

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

Java相关栏目本月热门文章

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