拼图小游戏

---

前言

“千官望长安，万国拜含元”   — 崔立之《南至隔仗望含元殿香炉》

1 项目介绍

项目包括三个部分

• 注册界面
• 登录界面
• 游戏界面

1.1 注册页面

1. 注册规则

• 用户名，密码不能为空
• 判断两次密码输入是否一致
• 判断用户名和密码的格式是否正确
• 判断用户名是否存在

2. 用户名和密码规则

• 用户名：4-16位，只能大写字母，小写字母，数字
• 密码：至少包含1个小写字母，1个数字，长度至少6位

1.2 登录界面

1. 登录规则

• 判断用户名是否为空
• 判断密码是否为空
• 判断验证码是否为空

2. 默认登录用户名和密码

• 用户名：admin
• 密码：123456

1.3 游戏主界面

1.3.1 功能模块

功能模块主要包括:更换图片，重新游戏，重新登陆，关闭游戏，存档，读档，关于我们

• 更换图片：图片有美女，动物，运动三种
• 重新游戏：点击之后回到游戏初始状态
• 重新登陆：点击后回退到登陆界面
• 关闭游戏：点击之后关闭游戏并停止代码运行
• 存档和读档：执行读档和存档操作
• 关于我们：显示博主微信二维码，愿同诸君一道，共同学习，共同进步

1.3.2 查看最终效果和作弊码

• 查看最终效果：快捷键A
• 作弊码：快捷键W

2.项目实现

       由于拼图小游戏涉及知识比较多，本文仅提供验证码、作弊码功能。

2.1 验证码

1. 验证码规则

• 长度为5
• 由4位大写或者小写字母和1位数字组成，同一个字母可重复
• 数字可以出现在任意位置
• 比如：aQa1K

2. 代码演示

package com.itheima.util;

import java.util.ArrayList;
import java.util.Random;

/**
 * 生成验证码
 */
public class CodeUtil {
    public static String getCode() {
        // 1.创建一个集合
        ArrayList<Character> list = new ArrayList<>();
        // 2.添加字母 a - z  A - Z
        for (int i = 0; i < 26; i++) {
            list.add((char) ('a' + i));
            list.add((char) ('A' + i));
        }
        // 3.生成4个随机字母
        String result = "";
        Random r = new Random();
        for (int i = 0; i < 4; i++) {
            int randomIndex = r.nextInt(list.size());
            char c = list.get(randomIndex);
            result = result + c;
        }

        // 4.在后面拼接数字 0~9
        int number = r.nextInt(10);
        result = result + number;

        // 5.把字符串变成字符数组
        char[] chars = result.toCharArray();//[A,B,C,D,5]
        // 6.在字符数组中生成一个随机索引
        int index = r.nextInt(chars.length);
        // 7.拿着4索引上的数字，跟随机索引上的数字进行交换
        char temp = chars[4];
        chars[4] = chars[index];
        chars[index] = temp;
        // 8.把字符数组再变回字符串
        String code = new String(chars);
        return code;
    }
}

2.2 作弊码

1. 作弊码的作用

       按下作弊码后松开，即可一键通关

2. 实现步骤

• 给整个界面添加键盘事件
• 在GameJFrame类中的keyReleased()方法中书写松开的逻辑，当按下W的时候一键通关。

3. 代码演示

@Override
public void keyReleased(KeyEvent e) {
    // 1.判断游戏是否胜利，如果胜利，此方法需要直接结束，不能再执行下面的移动代码了
    if (victory()) {
        return;
    }
    // 2.对上，下，左，右进行判断(左：37 上：38 右：39 下：40)
    int code = e.getKeyCode();
    System.out.println(code);
    if (code == 37) {
        System.out.println("向左移动");
        if (y == 3) {
            return;
        }
        // 把空白方块右方的数字往左移动
        data[x][y] = data[x][y + 1];
        data[x][y + 1] = 0;
        y++;
        // 每移动一次，计数器就自增一次。
        step++;
        // 调用方法按照最新的数字加载图片
        initImage();
    } else if (code == 38) {
        System.out.println("向上移动");
        if (x == 3) {
            // 表示空白方块已经在最下方了，他的下面没有图片再能移动了
            return;
        }
        //逻辑：把空白方块下方的数字往上移动
        // x，y  表示空白方块
        // x + 1， y 表示空白方块下方的数字
        // 把空白方块下方的数字赋值给空白方块
        data[x][y] = data[x + 1][y];
        data[x + 1][y] = 0;
        x++;
        // 每移动一次，计数器就自增一次。
        step++;
        //调用方法按照最新的数字加载图片
        initImage();
    } else if (code == 39) {
        System.out.println("向右移动");
        if (y == 0) {
            return;
        }
        //逻辑：把空白方块左方的数字往右移动
        data[x][y] = data[x][y - 1];
        data[x][y - 1] = 0;
        y--;
        // 每移动一次，计数器就自增一次。
        step++;
        // 调用方法按照最新的数字加载图片
        initImage();
    } else if (code == 40) {
        System.out.println("向下移动");
        if (x == 0) {
            return;
        }
        // 逻辑：把空白方块上方的数字往下移动
        data[x][y] = data[x - 1][y];
        data[x - 1][y] = 0;
        x--;
        // 每移动一次，计数器就自增一次。
        step++;
        // 调用方法按照最新的数字加载图片
        initImage();
    } else if (code == 65) {
        initImage();
    } else if (code == 87) {
        data = new int[][]{
                {1, 2, 3, 4},
                {5, 6, 7, 8},
                {9, 10, 11, 12},
                {13, 14, 15, 0}
        };
        initImage();
    }
}

3 项目代码

       由于代码量比较大，所以放于gitee代码仓库，代码地址如下：
       https://gitee.com/poetize/puzzlegame