青瓷引擎

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  18 随笔 :: 0 文章 :: 103 评论 :: 43018 阅读
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

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

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

因内容太多,为方便大家阅读,将分成多个部分来讲解。

本文为第一部分,主要包括:

1. 功能分析

2. 创建工程与场景

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

 

一. 功能分析

根据游戏设定,解析出游戏的主体功能,需要使用的算法,需要持久化的数据,然后制订代码结构。如图所示:

主要功能点

  1. 社交功能,比如:微信登录与分享,排行榜。
  2. 无尽关卡模式。
  3. 效果表现,比如死亡时屏幕震动等。

代码构成

将代码分为三大类:数据处理,界面控制,游戏控制。

  • 创建工程和场景
  • 游戏世界
  • 数据处理
  • 界面控制

 二. 创建工程与场景

考虑到游戏中的逻辑和界面比较简单,使用的资源比较少,故而将所有的界面都置于一个场景中,避免场景切换带来的消耗。 先创建工程JumpingBrick和空的主场景Main,因为游戏大量的使用白色作为背景,为了减少绘制消耗,直接设置游戏背景色为白色。设置如下:

 

游戏入口与游戏初始化

 

在Scripts目录下创建入口脚本:JumpingBrick.js。代码如下:

复制代码
 1 window.JumpingBrick = qc.JumpingBrick = {
 2     // 初始化各个模块
 3     // 数据管理及持久化处理
 4     data: null,
 5     // 界面切换管理
 6     uiManager: null,
 7     // 游戏世界
 8     gameWorld: null,
 9     // 游戏控制
10     gameControl: null,
11     // 游戏配置
12     gameConfig: null,
13     // 游戏结束界面
14     gameOver: null,
15     // 排行榜
16     announcement: null
17 };
18 
19 // 游戏逻辑初始化
20 qc.initGame = function(game) {
21     // 记录下游戏实例方便访问
22     JumpingBrick.game = game;
23 
24     JumpingBrick.game.time.frameRate = 30;
25 };
View Code
复制代码

 

 设置此脚本为入口脚本:

首先设置命名空间,并记录game实例,并预设各个模块的管理对象。默认游戏帧率设为30。

 

下次将讲解 “第三章 游戏世界”,包括游戏配置、构建世界逻辑、控制展示游戏世界,敬请期待!

 

其他相关链接

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

JS开发HTML5游戏《神奇的六边形》(一)

posted on   青瓷引擎  阅读(1550)  评论(2编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
点击右上角即可分享
微信分享提示