转载

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

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

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

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

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

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

四. 数据处理

数据分为两大类：

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

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

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

（一）数据库创建及连接

创建数据库

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

   1 /**  2  * 创建数据库  3  */  4 CREATE DATABASE `JumpingBrick` /*!40100 DEFAULT CHARACTER SET utf8 COLLATE utf8_bin */;  5   6 /**  7  * 创建用户分数表  8  */  9 CREATE TABLE `user_info` ( 10   `open_id` varchar(64) COLLATE utf8_bin NOT NULL, 11   `name` varchar(255) COLLATE utf8_bin NOT NULL, 12   `head_icon` varchar(512) COLLATE utf8_bin DEFAULT NULL, 13   `score` int(11) DEFAULT '0', 14   `update_time` int(11) DEFAULT NULL, 15   PRIMARY KEY (`open_id`), 16   KEY `score_time` (`score`,`update_time`) 17 ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;  View Code

php连接脚本

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

   1 <?php  2 /**  3  * MySQL数据库配置  4  */  5 class DB {  6     private static $sqlConfig = array (  7         "host"=>"127.0.0.1",  8         "port"=>3306,  9         "user"=>"root", 10         "password"=>"root", 11         "database"=>"JumpingBrick" 12     ); 13  14     public static function getDB() { 15         return new mysqli( 16             DB::$sqlConfig["host"],  17             DB::$sqlConfig["user"],  18             DB::$sqlConfig["password"],  19             DB::$sqlConfig["database"],  20             DB::$sqlConfig["port"]); 21     } 22 } 23 ?>  View Code

正文到此结束