闲来没事,把以前做的Swing植物大战僵尸稍微改版了一下,用的javafx2.x,效果没有变化,边的只是代码。。源码地址:http://pan.baidu.com/share/link?shareid=249059&uk=522491644 先上两张效果图吧:
项目结构:
role包为角色,把各个部分都作为一个角色来处理,详细的下面再说;
util包为工具类,以及事件处理,用户信息等。
window为窗口,系统面板。
1.系统整体结构:
window包中MainFrame为Main类,
public class MainFrame extends Application {
private TitlePanel titlePanel;
private WelcomePanel welcomePanel ;
private HelpPanel helpPanel;
private GamePanel gamePanel;
/**
* 玩家对象
*/
private UserBean userBean;
private StackPane stack = new StackPane();
private Stage stage;
public MainFrame() {
GameUtil.initImage();
}
@Override
public void start(Stage stage) {
this.stage =stage;
Scene scene = new Scene(stack, 900, 600);
scene.getStylesheets().add("file:resources/DarkTheme.css");
stage.setResizable(false);
scene.setFill(Color.WHITE);
stage.setTitle("植物大战僵尸");
stage.getIcons().add(GameUtil.iconImage);
titlePanel = new TitlePanel(this);
welcomePanel = new WelcomePanel(this);
helpPanel = new HelpPanel(this);
gamePanel=new GamePanel(this);
stack.getChildren().addAll(titlePanel, welcomePanel,helpPanel,gamePanel);
stack.setAlignment(Pos.CENTER_RIGHT);
stage.setScene(scene);
stage.show();
}
public void switchPanel(AnchorPane fromPanel,AnchorPane toPanel) {
// 切换面板的方法
fromPanel.setVisible(false);
toPanel.setVisible(true);
}
public static void main(String[] args) {
launch(args);
}
}
Root为StackPane布局,每个面板为都为AnchorPane布局,面板叠堆到StackPane中,并提供switchPanel方法进行面板切换。运行程序后首先进入欢迎界面,点击鼠标进入选项界面。
TitlePanel中由ImageView添加各个图片,并为TitlePanel添加鼠标事件,监听OnMousePressed以及OnMouseMoved,OnMousePressed处理鼠标点击事件,OnMouseMoved主要处理鼠标移动到某个选项上变成手型。
获取鼠标点击的坐标,判断进入的图片的范围,产生响应的事件,进行面板切换和用户存档的读取。
详细参考代码。帮助面板和排行榜面板与此类似。排行榜使用的是table,用户信息存放在文件中,文件操作在fileutil以及baseDao中。
点击开始冒险进入游戏主面板。
2、游戏主面板
public GamePanel(MainFrame mainFrame) {
this.frame = mainFrame;
setVisible(false);
canvas = new Canvas(900, 600); // 构建画布
g = canvas.getGraphicsContext2D(); // 获取画笔
startGame();
getChildren().addAll(canvas);
GameMousePressed gameMousePressed = new GameMousePressed(this);
GameMouseMoved gameMouseMoved = new GameMouseMoved(this);
this.setOnMousePressed(gameMousePressed);
this.setOnMouseMoved(gameMouseMoved);
}
在GamePanel构造器中首先构建了画布和画笔,游戏元素通过画笔绘制,而不是之前的ImageView添加图片。startGame开始游戏方法,同样监听鼠标点击和移动事件。
public void startGame() {
init();
gameStatus = BaseRole.GAME_START;
// 太阳种子落下
GameUtil.generateSunSeed(this);
// 产生僵尸
GameUtil.generateZombie(this);
initTimeLine();
}
startGame方法中线初始化游戏,更新游戏状态为start,通过线程产生太阳花和僵尸,代码在gameutil中。最后使用timeline重复游戏绘制
private void initTimeLine() {
Timeline timeline = new Timeline();
timeline.setCycleCount(Timeline.INDEFINITE);
KeyFrame keyFrame = new KeyFrame(Duration.millis(100),
new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent arg0) {
//。。。省略部分代码
paint();
}
});
timeline.getKeyFrames().add(keyFrame);
timeline.play();
}
通过timeline调用paint方法完成游戏元素的绘制。
3、角色配置
结构图如下:
baserole中添加了很多状态常量,用来标识系统和角色状态。
/**
* 初始化角色属性
*/
public abstract void initRole();
/**
* 绘制角色
* @param g
*/
public abstract void paintRole(GraphicsContext g);
/**
* 角色执行的动作
*/
public abstract void action();
三个抽象方法,子类实现抽象方法。initRole方法初始化角色信息,包括角色长度,宽度;paintRole方法中进行角色绘制,action中操作角色运动。
4、鼠标事件处理
gamepanel中监听了鼠标的移动和点击事件,移动事件主要控制产生植物后随鼠标移动到草地,点击事件控制植物和铲子的选择和安放到草地。
5、gameutil游戏工具类
此工具类预处理游戏中所有元素的图片,图片路径存放在xml配置文件中,通过gameImage中XStream加载图片资源。gameutil中还封装了其他工具方法,包括计算草地上方块坐标,判断鼠标是否进入某个角色,计算两点之间所有坐标点,检测两个角色是否碰撞以及产生太阳种子和僵尸的方法。
6、问题:
- 植物阴影尚未实现
- 开始游戏时地图移动尚未实现
- 游戏进度条控制游戏结束尚未实现
- 植物卡片冷却效果未实现
植物大战僵尸初步只完成这样了,最近工作也很忙,没有时间,对javafx也还不是很熟悉,待日后在进一步优化和完善吧。