本文章是【狂神说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);
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;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);
}
}
//定时器,监听时间,帧:执行定时操作
@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];
}
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;i<length;i++){
Data.body.paintIcon(this,g,snakeX[i],snakeY[i]);//蛇的身体长度通过length来控制
}
//画积分
g.setColor(Color.WHITE);
g.setFont(new Font("微软雅黑",Font.BOLD,18));
g.drawString("长度:"+length,750,35);
g.drawString("分数:"+score,750,50);
//画食物
Data.food.paintIcon(this,g,foodX,foodY);
//游戏提示是否开始
if(isStart==false){
//画一个文字 String
g.setColor(Color.WHITE);//设置画笔的颜色
g.setFont(new Font("微软雅黑",Font.BOLD,40));//设置字体
g.drawString("按下空格开始游戏",300,300);
}
//失败提醒
if(isFail==true){
g.setColor(Color.RED);
g.setFont(new Font("微软雅黑",Font.BOLD,40));
g.drawString("游戏失败,按下空格重新开始",200,300);
}
}
//定时器,监听时间,帧:执行定时操作
@Override
public void actionPerformed(ActionEvent e) {
//如果游戏处于开始状态,并且游戏没有Fail
if(isStart && isFail==false){
//右移
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;}
}
//如果小蛇的头和食物坐标重合了
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<length;i++){
if(snakeX[0]==snakeX[i] && snakeY[0]==snakeY[i]){
isFail=true;
}
}
//每一次移动完成就刷新一次界面
repaint();
}
timer.start();//让时间动起来
}
}
效果动图

打包发布
点击Project Structure下的Artifacts

依次点击


点击Apply

选择最上方工具栏的Build->Build Artifacts


我们对这个jar包右键,选择在文件夹中打开


我们双击它,就可以打开了

776

被折叠的 条评论
为什么被折叠?



