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

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

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

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

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

 

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

 

四. 数据处理

数据分为两大类：

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

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

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

 

（一）数据库创建及连接

创建数据库

这里选用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

 

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

 

其他相关链接

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

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

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

 

 

转载于:https://www.cnblogs.com/qici/p/5075411.html