一．HHengine引擎入门.docVIP

HHengine引擎技术文档 目录 一．HHengine引擎入门 1 1．简介 1 2．安装及运行 2 3．基础知识点 2 二．开发指南 3 1．界面布局及操作 3 1．1．主菜单 3 1．2．工具栏 5 1．3．游戏场景面板 7 1．4．图层及精灵面板 7 1．5．属性及事件面板 8 2．代码编辑器布局及操作 9 2．1．主菜单 9 2．2．工具栏 13 2．3．代码编辑区 13 2．4．项目 15 2．5．引擎 15 2．6．脚本 16 2．7．状态栏 16 三．进阶学习 16 1．如何制作一个简单的游戏 16 1．1．资源的准备 16 1．2．界面设计 17 1．3．代码编写 17 1．4．完成 18 2．引擎API文档 18 3．引擎作为游戏服务器启动 20 一．HHengine引擎入门 1．简介 HHengine是一基于HTML5技术的游戏引擎使用Script脚本语言开发。”谷歌浏览器”。 3．基础知识点 ● 工程 –HHengine以工程为基础，一个完整的游戏可以用一个工程来实现，也可以分拆成多个工程(多人开发)。工程即是一个独立开发的模块，包含图片资源，界面布局，代码文件等等。 ● 图层及精灵 – 界面布局时常用的概念。图层相当于游戏里的场景，当然一个场景又可以分成多个图层，主要是控制界面的显示顺序。精灵是建立在图层基础上的图片或者文字元素，同一层上的精灵同样存在显示的顺序。 按顺序创建三个图层(图层1-图层2-图层3)，创建三个精灵分别放在三个图层上，则显示效果如上图。 如果只有一个图层，按顺序创建三个精灵(精灵1-精灵2-精灵3)，则显示效果如上图。 * 要动态调整显示顺序，可以在”图层及精灵面板”拖动图层或者精灵来实现。 二．开发指南 1．界面布局及操作 1．1．主菜单 ● 工程 ○ 新建 – 创建新工程(快捷键Ctrl+N) ○ 打开 – 打开一个工程(Ctrl+O) ○ 关闭 – 关闭当前工程 ○ 保存 – 保存当前工程(Ctrl+S) ○ 合并单个(多个)工程 – 多工程界面合并 ○ 学习范例 – 引擎的基础学习demo ○ 成品范例 – 用引擎开发的几个小游戏 ○ 最近使用过的工程 – 最近打开过的工程,方便快速打开 ○ 退出 – 关闭引擎 ● 视图 ○ 图层|精灵窗口 – 显示(隐藏)图层及精灵面板(F6) ○ 属性|事件窗口 – 显示(隐藏)属性面板(F7) ○ 界面|代码切换 – 界面设计和代码编辑切换显示(F8) ○ 界面设计窗口 – 显示界面设计窗口 ○ 代码编辑窗口 – 显示代码编辑窗口 ● 操作 ○ 新图层 – 新建一个图层(Ctrl+L) ○ 新图片精灵 – 新建一个精灵(Ctrl+A) ○ 新图片文字 – 新建一个图片类型文字(Ctrl+T) 文字内容中编辑文本内容，还可以改变字体大小，颜色等等，编辑好后可以在代码中使用对应ID来显示相应文字。此功能只适用于静态文本内容。 ○ 剪切 – 剪切一个图片或文字精灵 ○ 复制 – 复制一个图片或文字精灵 ○ 粘贴 – 粘贴一个图片或文字精灵 ○ 同层置顶 – 调整精灵同层内最顶层显示 ○ 同层向上 - 调整精灵同层内上一层显示 ○ 同层向下 - 调整精灵同层内下一层显示 ○ 同层置底 - 调整精灵同层内最底层显示 ○ 查找精灵 – 快速查找精灵(Ctrl+F) 可以按照精灵ID，精灵名称，图片资源ID来查找 ○ 逐帧播放 – 制作多帧动画时可以逐帧播放来测试效果 ○ 恢复原始大小 – 调整界面显示比例后可以恢复到原始大小 ○ 导入界面 – 导入已经制作好的界面UI文件 ● 目录 ○ 打开工程目录 – 打开当前工程所在硬盘位置 ○ 打开工程图片资源目录 – 打开当前工程图片资源硬盘位置 ○ 打开工程音频资源目录 - 打开当前工程音频资源硬盘位置 ● 运行 ○ 运行游戏 – 在浏览器中运行工程(F9) ○ 更新游戏服务 – 编译当前工程 ○ 参数设置 – 设置运行参数 IE浏览器：选择“谷歌浏览器”执行程序 游戏文件：选择工程目录下.html文件，默认为index.html 服务程序：作为服务器运行时使用，开发客户端程序时不需设置 ● 语言 – 不同语言版本切换，暂时只支持中文 ● 注册 – 引擎用户注册，注册版本功能更强大 ● 帮助 – 引擎使用帮助文件及官网，论坛等等 1．2．工具栏 提供一些常用功能的快捷操作，绝大部分功能说明参照“1．1．主菜单”。 ● 工程操作 从左到右依次为: 新建工程-打开工程-关闭工程-保存工程 ● 引擎界面布局 从左到右依次为: 显示图层|精灵窗口-显示属性|事件窗口-界面和代码编辑器之间切换 运行编译操作 从左到右依次为: 运行游戏-更新游戏服务 ●