码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-12-25 13:10:51      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

          (点击图片可进入游戏体验)

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

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

 

接上回《跳跃的方块》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

 
 

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

标签:

原文地址:http://www.cnblogs.com/qici/p/5075411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!