青瓷引擎之纯JavaScript打造HTML5游戏第二弹——《跳跃的方块》Part 4

继上一次介绍了《神奇的六边形》的完整游戏开发流程后（可点击这里查看），这次将为大家介绍另外一款魔性游戏《跳跃的方块》的完整开发流程。

          （点击图片可进入游戏体验）

因内容太多，为方便大家阅读，所以分多次来讲解。

若要一次性查看所有文档，也可点击这里。

接上回（《跳跃的方块》Part 3）

四. 数据处理

数据分为两大类：

1. 本地数据持久化。例如历史最高分、暂停时当前关卡数据等。
   本地数据可以使用引擎提供的Storage功能来实现。
2. 网络数据。比如提交历史最高分、登录信息、排行榜信息等。
   网络数据需要自行搭建服务器部分，可以选择各种顺手的语言，例如：php, java, asp.net等。然后通过引擎提供的AssetsUtil功能来与服务器进行通讯。

接下来，开始一步一步实现这些功能

1. 数据库创建及连接
2. 添加微信支持
3. 分数上传及排行榜查询
4. 服务器连接
5. 本地数据存储
6. 处理游戏数据

（一）数据库创建及连接

创建数据库

这里选用MySQL作为存储用的数据。需要一张用户表，用来存储玩家的ID，名称，头像，历史最高分信息。 使用如下脚本创建一个数据库。

/**
 * 创建数据库
 */
CREATE DATABASE `JumpingBrick` /*!40100 DEFAULT CHARACTER SET utf8 COLLATE utf8_bin */;

/**
 * 创建用户分数表
 */
CREATE TABLE `user_info` (
  `open_id` varchar(64) COLLATE utf8_bin NOT NULL,
  `name` varchar(255) COLLATE utf8_bin NOT NULL,
  `head_icon` varchar(512) COLLATE utf8_bin DEFAULT NULL,
  `score` int(11) DEFAULT '0',
  `update_time` int(11) DEFAULT NULL,
  PRIMARY KEY (`open_id`),
  KEY `score_time` (`score`,`update_time`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

php连接脚本

这里使用php实现一个简易的服务器端，对数据库进行操作，记录、查询数据库数据。将数据库配置单独为一个php。 例如：db.php。

<?php
/**
 * MySQL数据库配置
 */
class DB {
    private static $sqlConfig = array (
        "host"=>"127.0.0.1",
        "port"=>3306,
        "user"=>"root",
        "password"=>"root",
        "database"=>"JumpingBrick"
    );

    public static function getDB() {
        return new mysqli(
            DB::$sqlConfig["host"], 
            DB::$sqlConfig["user"], 
            DB::$sqlConfig["password"], 
            DB::$sqlConfig["database"], 
            DB::$sqlConfig["port"]);
    }
}
?>

下次将继续介绍如何”添加微信支持“，敬请期待！

其他相关链接

开源免费的HTML5游戏引擎——青瓷引擎(QICI Engine) 1.0正式版发布了！

JS开发HTML5游戏《神奇的六边形》（一）

青瓷引擎之纯JavaScript打造HTML5游戏第二弹——《跳跃的方块》Part 3