高淇300集Java——零基础开发桌球小游戏项目

今天学习的是开发桌球小游戏项目，初级游戏，Java入门练手。

首先创建新的Java项目，名为MyPro01，在其中添加名为BallGame的class类，开始今天的编程。
导入两个包，分别为：

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

将从帖子中获取到的桌球小游戏素材ball和desk导入到新建的images包中，高淇教学的帖子和素材如下（找了好久。。。）：
帖子链接

第一步，编写main方法，创建新对象game：

//main方法是程序执行的入口
	public static void main(String[] args) {
		BallGame game = new BallGame();
		game.launchFrame();
	}

第二步，编写窗口加载方法launchFrame()。

void launchFrame() {
		setSize(856,500);
		setLocation(50,50);
		setVisible(true);
}

第三步，导入图片ball和desk，并设置好ball的位置。

	Image ball = Toolkit.getDefaultToolkit().getImage("images/ball.png");
	Image desk = Toolkit.getDefaultToolkit().getImage("images/desk.jpg");
	
	double x = 100;//小球的横坐标
	double y = 100;//小球的纵坐标
	
	//画窗口的方法
	public void paint(Graphics g) {
		g.drawImage(desk, 0, 0, null);//注意顺序，先画桌子再画小球
		g.drawImage(ball, (int)x, (int)y, null);//强制类型转化，将double型的x和y都转为int型
	}

在没加入动画前运行时界面可能出不来，一是可能没有保存，二是可以将显示界面最小化，然后再打开就可以显示。

在运行时，出现了只显示桌子不显示球的情况，我理解的是像PS中的图层问题，将画球的代码写在了画桌子的前面，即桌子层级将球的层级挡住了，调一下这两行代码即可解决。

第四步，重画窗口，通过repaint()函数，可以实现一秒重画25次，通过重画窗口可以使界面“动起来”，其实也并不是动起来，只是重画的频率太快，人眼不足以捕捉它的变化， 将x = x + 1;加入paint()函数中，改变小球的x坐标，再运行时就可以看到ball在桌子上进行横向移动，但小球会在一段时间后移出可视界面。

//重画窗口,每秒画25次
		while(true) {
			repaint();//调用paint()函数
			try {
				Thread.sleep(40);//40ms, 1m = 1000ms,大约一秒画25次窗口
			}catch(Exception e) {
				e.printStackTrace();
			}
		}

要想解决小球移动出界面的问题，需添加一个布尔类型的right来确定方向，right为true时小球向右移动，为false时向左移动。编写逻辑代码确定小球的移动，代码如下：

		if(right) {
			x = x + 10;
		}else {
			x = x - 10;
		}
		
		if(x > 856-40-30) {//856是窗口宽度，40是桌子边框的宽度，30是小球的直径
			right = false;
		}
		
		if(x < 40) {//40是桌子边框的宽度
			right = true;
		}

第五步，实现小球延任意方向移动，复制一个BallGame2的class文件，修改其中的方向判断。建一个double类型的degree表示弧度，degree = 3.14/3；表示60度，即Π/3。

		x = x + 10 * Math.cos(degree);
		y = y + 10 * Math.sin(degree);
		
		//碰到上下边界
		if(y > 500 - 40 -30||y < 40 + 40) {//500是窗口高度，40是桌子边框，30是球直径，最后一个40是标题栏的高度
			degree = -degree;
		}
		
		//碰到左右边界
		if(x < 40||x > 856 - 40 - 30) {
			degree = 3.14 - degree;
		}

游戏运行截图如下：

完整代码：

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

public class BallGame2 extends JFrame {
	
	Image ball = Toolkit.getDefaultToolkit().getImage("images/ball.png");
	Image desk = Toolkit.getDefaultToolkit().getImage("images/desk.jpg");
	
	double x = 100;//小球的横坐标
	double y = 100;//小球的纵坐标
	
	double degree = 3.14/3;//弧度，此处时60度
	
	
	//画窗口的方法
	public void paint(Graphics g) {
		g.drawImage(desk, 0, 0, null);
		g.drawImage(ball, (int)x, (int)y, null);
		
		x = x + 10 * Math.cos(degree);
		y = y + 10 * Math.sin(degree);
		
		//碰到上下边界
		if(y > 500 - 40 -30||y < 40 + 40) {//500是窗口高度，40是桌子边框，30是球直径，最后一个40是标题栏的高度
			degree = -degree;
		}
		
		//碰到左右边界
		if(x < 40||x > 856 - 40 - 30) {
			degree = 3.14 - degree;
		}
	}
	
	//窗口加载
	void launchFrame() {
		setSize(856,500);
		setLocation(50,50);
		setVisible(true);
		
		//重画窗口,每秒画25次
		while(true) {
			repaint();
			try {
				Thread.sleep(40);//40ms, 1m = 1000ms,大约一秒画25次窗口
			}catch(Exception e) {
				e.printStackTrace();
			}
		}
		
	}
	
	
	//main方法是程序执行的入口
	public static void main(String[] args) {
		BallGame2 game = new BallGame2();
		game.launchFrame();
	}
}