界面是游戏中必不可少的一部分，就算你进入游戏没有看到什么UI窗口，你也不必着急，因为多多少少都会有隐藏着的界面等你去体验。一个好的UI大部分应该归功于设计的人与提供美术支持的人员，因为他们是直接设计UI的人，而程序只提供一些显示的功能支持。本次用到的UI渲染为开源的CEGUI，想必很多做游戏的朋友都能耳熟能详了吧。好了，就让我们看看在本次设计中用到了那些与UI有光的方法吧。

CODE

模块ui 文件creature_headboard.h --对象头顶板UI

/**

 * PAP Engine ( -- )

 * $Id system.h

 * @link -- for the canonical source repository

 * @copyright Copyright (c) 2013-2014 viticm( viticm@126.com )

 * @license

 * @user viticm<viticm@126.com/viticm.ti@gmail.com>

 * @date 2014-3-21 12:05:53

 * @uses vengine ui system module

 */

#ifndef VENGINE_UI_SYSTEM_H_

#define VENGINE_UI_SYSTEM_H_

#include "vengine/config.h"

#include "vengine/game/itemtransfer_system.h"

#include "vengine/ui/creature_headboard.h"

namespace vengine_ui {

typedef enum {

  kTalkTemplateNobody,

  kTalkTemplateOther,

  kTalkTemplateSelf,

  kTalkTemplateMax

} talktemplate_enum;

typedef enum {

  kFilterTypeNone, //无类型

  kFilterTypeChat, //聊天

  kFilterTypeRole, //角色创建

  kFilterTypeName, //命名

  kFilterTypeStall, //摆摊

  kFilterTypeMax

} filtertype_enum;

typedef enum {

  kFilterLevelNoMatch, //忽略

  kFilterLevelPartMatch, //部分匹配

  kFilterLevelFullMatch, //完全匹配

  kFilterLevelMax

} filterlevel_enum;

//static

const uint16_t kHelpStringMax = ;

static const char* kHelpStringKey = "help"; //this if have problem

                                            //then change it to macros

//interface for ui system

class VENGINE_API System : public vengine_kernel::Node{ 

VENGINE_KERNEL_DECLARE_DYNAMIC(vengine_ui_System);

 public:

   virtual void on_windowsize_change(uint32_t message,

                                     WPARAM wparam,

                                     LPARAM lparam) = ; //窗口大小改变事件

   virtual void injectinput() = ; //如果事件结果为true则获取了输入

   virtual bool messageprocess(HWND hwnd,

                               uint32_t message,

                               WPARAM wparam,

                               LPARAM lparam) = ; //文字输入消息

   virtual bool is_mousehover() = ; //鼠标是否在UI上空

   //鼠标是否在聊天板上空

   virtual bool is_mousehover_chatboard(int64_t x, int64_t y) = ;

   //获得聊天信息里的超链接信息

   virtual STRING get_chatboard_hyplink_content(int64_t x, int64_t y) = ;

   //创建一个新的角色信息板

   virtual CreatureHeadBoard* create_creature_headboard() = ;

   //添加一个新的被击中信息框

   virtual void add_behit_board(bool _double,

                                const char* info,

                                float startx,

                                float starty,

                                uint8_t type = ,

                                uint8_t movetype = ) = ;

   virtual bool is_windowshow(const char* name,

                              const char* childname = NULL) = ;

   virtual bool close_allwindow() = ;

   //通知UI创建一组UI显示模型

   virtual void fakeobject_show(const char* windowname, const char* name) = ;

   //知UI销毁一组UI显示模型

   virtual void fakeobject_destroy(const char* windowname,

                                   const char* name) = ;

   //debugs

 public:

   virtual void debug_push_chatstring(const char* name,

                                      const char* message) = ;

   virtual void debug_save_fonttexture() = ;

 public:

   virtual void change_dragflag(bool flag) = ;

   virtual bool is_dragend() = ;

 public:

   //逻辑层添加系统通知信息

   virtual STRING parsestring_varparam(const char* id, ...) = ;

   virtual void parsestring_nocolor(const STRING& in,

                                    STRING& out,

                                    bool control = false) = ;

   virtual STRING parsestring_nocolor_varparam(const char* id, ...) = ;

   virtual STRING parsestring_no_varparam(const char* id) = ;

   virtual STRING parsestring_nocolor_no_varparam(const char* id) = ;

   //聊天模板字串的取得

   virtual STRING get_talktemplate(const STRING& key, uint16_t index) = ;

   virtual STRING modify_chattemplate(const STRING& temp,

                                      const STRING& talker,

                                      const STRING& target) = ;

   virtual STRING get_talkrand_helpmessage() = ; //聊天随机提示消息

   //查看当前获取输入的EditBox

   virtual bool is_IME_editbox_active(const char* windowname) = ;

   virtual int32_t get_current_IMEstate() = ; //获取当前输入法状态

   virtual STRING get_IME_editbox_string(const char* name) = ; //获得输入内容

   //传入一个物品信息

   virtual bool inject_iteminfo(

       vengine_game::ItemTransferSystem::element_t* element) = ;

   virtual void on_pushescape() = ;

   virtual bool is_paopao_active() = ;

   virtual uint32_t lumination_ogrecolor(uint32_t ogrecolor,

                                         int32_t lumination) = ;

   virtual int32_t ogrecolor_lumination(uint32_t ogrecolor) = ;

   //过滤字符串中的非法敏感字符

   virtual bool check_stringfilter(

       const STRING& in,

       const filtertype_enum type = kFilterTypeNone) = ;

   virtual bool check_stringcode(const STRING& in, STRING& out) = ;

   //完全匹配过滤

   virtual bool check_string_fullcompare(const STRING& in,

                                         const STRING& filtertype = "all",

                                         bool use_alltable = true) = ;

   virtual STRING get_debugstring() = ;

   //取当前的鼠标下面的窗口

   virtual void openwindow(const STRING& name) = ;

   virtual void closewindow(const STRING& name) = ;

   virtual void togglewindow(const STRING& name) =;

   virtual bool has_inputfocus() = ;

   //加聊天信息（提高显示聊天信息的效率）

   virtual bool add_chathistory_message(int32_t id,

                                        const char* windowname,

                                        const char* message,

                                        int32_t type = -,

                                        uint32_t disappeartime = ) = ;

   virtual void replacestring_usefilter(

       const STRING& in,

       STRING& out,

       filtertype_enum filtertype = kFilterTypeChat) = ;

   virtual STRING check_stringvalid(const char* string) = ;

   virtual bool reload_windowscript(const STRING& windowname) = ;

   virtual void uirender_toggleshow() = ;

};

}; //namespace vengine_ui

#endif //VENGINE_UI_SYSTEM_H_

模块ui 文件system.h

/**

 * PAP Engine ( -- )

 * $Id system.h

 * @link -- for the canonical source repository

 * @copyright Copyright (c) 2013-2014 viticm( viticm@126.com )

 * @license

 * @user viticm<viticm@126.com/viticm.ti@gmail.com>

 * @date 2014-3-21 12:05:53

 * @uses vengine ui system module

 */

#ifndef VENGINE_UI_SYSTEM_H_

#define VENGINE_UI_SYSTEM_H_

#include "vengine/config.h"

#include "vengine/game/itemtransfer_system.h"

#include "vengine/ui/creature_headboard.h"

namespace vengine_ui {

typedef enum {

  kTalkTemplateNobody,

  kTalkTemplateOther,

  kTalkTemplateSelf,

  kTalkTemplateMax

} talktemplate_enum;

typedef enum {

  kFilterTypeNone, //无类型

  kFilterTypeChat, //聊天

  kFilterTypeRole, //角色创建

  kFilterTypeName, //命名

  kFilterTypeStall, //摆摊

  kFilterTypeMax

} filtertype_enum;

typedef enum {

  kFilterLevelNoMatch, //忽略

  kFilterLevelPartMatch, //部分匹配

  kFilterLevelFullMatch, //完全匹配

  kFilterLevelMax

} filterlevel_enum;

//static

const uint16_t kHelpStringMax = ;

static const char* kHelpStringKey = "help"; //this if have problem

                                            //then change it to macros

//interface for ui system

class VENGINE_API System : public vengine_kernel::Node{ 

VENGINE_KERNEL_DECLARE_DYNAMIC(vengine_ui_System);

 public:

   virtual void on_windowsize_change(uint32_t message,

                                     WPARAM wparam,

                                     LPARAM lparam) = ; //窗口大小改变事件

   virtual void injectinput() = ; //如果事件结果为true则获取了输入

   virtual bool messageprocess(HWND hwnd,

                               uint32_t message,

                               WPARAM wparam,

                               LPARAM lparam) = ; //文字输入消息

   virtual bool is_mousehover() = ; //鼠标是否在UI上空

   //鼠标是否在聊天板上空

   virtual bool is_mousehover_chatboard(int64_t x, int64_t y) = ;

   //获得聊天信息里的超链接信息

   virtual STRING get_chatboard_hyplink_content(int64_t x, int64_t y) = ;

   //创建一个新的角色信息板

   virtual CreatureHeadBoard* create_creature_headboard() = ;

   //添加一个新的被击中信息框

   virtual void add_behit_board(bool _double,

                                const char* info,

                                float startx,

                                float starty,

                                uint8_t type = ,

                                uint8_t movetype = ) = ;

   virtual bool is_windowshow(const char* name,

                              const char* childname = NULL) = ;

   virtual bool close_allwindow() = ;

   //通知UI创建一组UI显示模型

   virtual void fakeobject_show(const char* windowname, const char* name) = ;

   //知UI销毁一组UI显示模型

   virtual void fakeobject_destroy(const char* windowname,

                                   const char* name) = ;

   //debugs

 public:

   virtual void debug_push_chatstring(const char* name,

                                      const char* message) = ;

   virtual void debug_save_fonttexture() = ;

 public:

   virtual void change_dragflag(bool flag) = ;

   virtual bool is_dragend() = ;

 public:

   //逻辑层添加系统通知信息

   virtual STRING parsestring_varparam(const char* id, ...) = ;

   virtual void parsestring_nocolor(const STRING& in,

                                    STRING& out,

                                    bool control = false) = ;

   virtual STRING parsestring_nocolor_varparam(const char* id, ...) = ;

   virtual STRING parsestring_no_varparam(const char* id) = ;

   virtual STRING parsestring_nocolor_no_varparam(const char* id) = ;

   //聊天模板字串的取得

   virtual STRING get_talktemplate(const STRING& key, uint16_t index) = ;

   virtual STRING modify_chattemplate(const STRING& temp,

                                      const STRING& talker,

                                      const STRING& target) = ;

   virtual STRING get_talkrand_helpmessage() = ; //聊天随机提示消息

   //查看当前获取输入的EditBox

   virtual bool is_IME_editbox_active(const char* windowname) = ;

   virtual int32_t get_current_IMEstate() = ; //获取当前输入法状态

   virtual STRING get_IME_editbox_string(const char* name) = ; //获得输入内容

   //传入一个物品信息

   virtual bool inject_iteminfo(

       vengine_game::ItemTransferSystem::element_t* element) = ;

   virtual void on_pushescape() = ;

   virtual bool is_paopao_active() = ;

   virtual uint32_t lumination_ogrecolor(uint32_t ogrecolor,

                                         int32_t lumination) = ;

   virtual int32_t ogrecolor_lumination(uint32_t ogrecolor) = ;

   //过滤字符串中的非法敏感字符

   virtual bool check_stringfilter(

       const STRING& in,

       const filtertype_enum type = kFilterTypeNone) = ;

   virtual bool check_stringcode(const STRING& in, STRING& out) = ;

   //完全匹配过滤

   virtual bool check_string_fullcompare(const STRING& in,

                                         const STRING& filtertype = "all",

                                         bool use_alltable = true) = ;

   virtual STRING get_debugstring() = ;

   //取当前的鼠标下面的窗口

   virtual void openwindow(const STRING& name) = ;

   virtual void closewindow(const STRING& name) = ;

   virtual void togglewindow(const STRING& name) =;

   virtual bool has_inputfocus() = ;

   //加聊天信息（提高显示聊天信息的效率）

   virtual bool add_chathistory_message(int32_t id,

                                        const char* windowname,

                                        const char* message,

                                        int32_t type = -,

                                        uint32_t disappeartime = ) = ;

   virtual void replacestring_usefilter(

       const STRING& in,

       STRING& out,

       filtertype_enum filtertype = kFilterTypeChat) = ;

   virtual STRING check_stringvalid(const char* string) = ;

   virtual bool reload_windowscript(const STRING& windowname) = ;

   virtual void uirender_toggleshow() = ;

};

}; //namespace vengine_ui

#endif //VENGINE_UI_SYSTEM_H_

SIMPLE

天龙八部的UI

总结

因为是接口所以只提供了核心的管理方法，UI是个比较繁琐的模块，一般都是配合脚本一起使用，CEGUI自己就集成了脚本绑定，有了解的应该知道。在这里我不再多讲UI的什么知识，希望大家看一下注释的每条方法的用处。UI模块有单独的一个库vgui（微gui）来控制，咱们到时候再详细探讨这里面的问题。下节讲的是声音模块。

MMORPG大型游戏设计与开发（客户端架构 part10 of vegine）的更多相关文章

  1. MMORPG大型游戏设计与开发（客户端架构 part8 of vegine）

    脚本模块是游戏设计中争论比较多的话题,那是因为作为脚本本身所带来的利弊.其实这都无关紧要,取舍是人必须学会的一项技能,如果你不会取舍那么就让趋势给你一个满意的答复.自从魔兽世界以及传奇(世界)问世以来 ...

  2. MMORPG大型游戏设计与开发（概述）updated

    1.定义 MMORPG,是英文Massive(或Massively)Multiplayer Online Role-PlayingGame的缩写,即大型多人在线角色扮演游戏. 2.技术与知识 在这系列 ...

  3. MMORPG大型游戏设计与开发（UI SYSTEM SHOW）

    接下来一段时间,这些文件可能不再更新,期间我会学习和掌握一些前端知识.虽然我非常欣赏剑侠网络版叁和九阴真经的画面,但是那是一个庞大的游戏引擎,一般人是无法窥伺的,除非你是天才而且要拥有机器毫无中断的毅 ...

  4. MMORPG大型游戏设计与开发（服务器 游戏场景 核心详述）

    核心这个词来的是多么的高深,可能我们也因为这个字眼望而却步,也就很难去掌握这部分的知识.之所以将核心放在最前面讲解,也可以看出它真的很重要,希望朋友们不会错过这个一直以来让大家不熟悉的知识,同我一起进 ...

  5. MMORPG大型游戏设计与开发（游戏服务器 游戏场景 概述 updated）

    我们在玩游戏的时候,我们进入游戏后第一眼往往都是看到游戏世界中的场景,当然除了个别例外,因为那些游戏将游戏场景隐藏了起来,如文字游戏中的地点一样.既然我们接触了游戏世界的核心,那么作为核心的场景又包括 ...

  6. MMORPG大型游戏设计与开发（客户端架构 part12 of vegine）

    在游戏中的交互过程中输入是一个必不可少的过程,比如登陆的时候需要用户输入用户名与密码,就算是单机游戏很多时候也要求用户输入一个用户名作为存档的依据.网络游戏中没有了输入,只用鼠标来交互是不切实际的,因 ...

  7. MMORPG大型游戏设计与开发（客户端架构 part2 of vgui）

    这一节我将讲解vgui的基础系统部分,也是该库提供给外部使用的一些重要接口.作为UI部分比较重要的部分,该节有着至关重要的部分,如果没有看到上一节内容,请留意下面的连接.我们现在可以猜想一下在客户端U ...

  8. MMORPG大型游戏设计与开发（客户端架构 part16 of vegine）

    由于近来比较忙碌和有些困倦的原因,所以关于这部分的文章没有及时更新,一句话:让朋友们久等了!今天所讲的是客户端vengine(微引擎)中最后一个部分,就像上节所说,这一部分的内容比较多.可能有些朋友看 ...

  9. MMORPG大型游戏设计与开发（客户端架构 part9 of vegine）

    时间在人们的生活中是多么重要的东西,如果打乱了时间,不知道这个时间会成什么样子.在客户端中,自然也有时间模块,因为不同的时间可能会处理不同的事情,特别是在追求高度自由化的同时,时间也成为了一个很重要的 ...

  10. MMORPG大型游戏设计与开发（客户端架构）

    首先为所有等待的朋友说一声歉意,实在让大家等的太久.客户端的设计本来就是一个大的工程,而且工作的关系,也没有太多时间在这方面做研究.不过在私下有空的时间,我还是继续着这方面的研究,很遗憾没有用期望的o ...

随机推荐

  1. toastr 自定义提示

    在线实例 实例演示 使用方法 <button type="button" class="btn btn-primary" id="showtoa ...

  2. Elastislide - 响应式的图片循环展示效果

    Elastislide 是一款非常优秀的响应式 jQuery 图片循环展示(旋转木马)插件,集成了 Touchwipe 插件以支持触屏设备.提供了四种效果:水平图片传送带.垂直图片传送带.固定在屏幕底 ...

  3. [deviceone开发]-土地销售App开源

    一.简介 这个是一个真实项目改造开源,虽然不是很花哨,但是中规中矩,小细节处理的也很好,非常值得参考和借鉴.里面的数据都缓存到本地,可以离线运行,但是调整一下代码,马上就可以和服务端完全对接.后续会有 ...

  4. 常让人误解的一道js小题

    一道小题引发的深思 今天无意中看到一个js笔试题,不由得想起初学js那会被各种题目狂虐的心酸,虽说现在也会被笔试题所虐,但毕竟比之前好了很多,下面就是我的个人理解,欢迎拍砖.指正: var x = 1 ...

  5. JSOM 对User的操作

    一.操作当前用户 //Load current user info function LoadCurUser() { var curUser; curUser = curWeb.get_current ...

  6. [Android]竖直滑动选择器WheelView的实现

    以下内容为原创,转载请注明: 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/3819304.html 公司项目中有这么一个需求,所以需要自己实现下.效 ...

  7. 属性观察器willSet与didSet

    willSet与didSet是swift特有的,就是监听属性值的变化,但有一个小注意点. willSet与didSet调用时机:对象创建后的第一次赋值时开始调用.也就是说,初始化时(包含重载的init ...

  8. NSDate 格式化 NSDate to NSString

    NSLog(@"%@",[NSDate stringFromDate:[NSDate date] withFormat:@"yyyyMMdd__HH_mm_ss_zzz& ...

  9. HttpClient 教程 (A)

    前言 超文本传输协议(HTTP)也许是当今互联网上使用的最重要的协议了.Web服务,有网络功能的设备和网络计算的发展,都持续扩展了HTTP协议的角色,超越了用户使用的Web浏览器范畴,同时,也增加了需 ...

  10. php设计模式 适配器模式

    适配器模式,可以将截然不同的函数接口封装成统一的API: 应用举例,PHP的数据库操作有Mysql.Mysqli.pdo三种,可以用适配器模式统一成一致,类似的场景还有cache适配器,将memcac ...