游戏引擎设计一界面库（Crapell Game Engine Design - UI lib）

Crapell游戏引擎设计简介

1，ui控件预览： 

\"GuiControl\",

\"GuiButtonCtrl\",

\"GuiEditCtrl\",

\"GuiGroupCtrl\",

\"GuiRadioCtrl\",

\"GuiProgressBarCtrl\",

\"GuiDragIconCtrl\",

 \"GuiTextureNumCtrl\",

\"GuiRichEditCtrl\",

\"GuiMovieCtrl\",

\"GuiParticleCtrl\",

\"GuiGroupTargetCtrl\",

\"GuiComboxCtrl\",

\"GuiScrollBarCtrl\",

\"GuiListCtrl\",

\"GuiTreeCtrl\",

 \"GuiTimeLineCtrl\",

2，ui资源文件格式：

使用控件组(group)嵌套控件组(group)和控件(control)的方式，像文件夹可以嵌套文件夹和文件一样以方便管理。示例见附录。

3，继承关系：

在配置文件中可以通过defaultstyle设置继承关系。比如如下设置defaultstyle = \"ButtonDefault.gui\"，则fire按钮控件继承ButtonDefault控件的所有属性。fire控件与父控件(ButtonDefault)相同的属性即可省略配置，如果重新配置则覆盖。

|  GuiButtonCtrl \"fire\"
 |  {
 |   |  defaultstyle = \"ButtonDefault.gui\"
 |   |  textureNormal = \"data/gui/MainMenu/exploide06.png\"
 |   |  textureOver = \"data/gui/MainMenu/exploide06.png\"
 |   |  colorOver = 1.000000,1.000000,1.000000,1.000000
 |   |  x = 200
 |   |  y = 0
 |   |  width = 600
 |   |  height = 300
 |   |   sys = 2,2,
 |   |  {
 |   |   |  0,[0,0,0,][1,1,1,][0,0,0,][0,0.75,0.25,0.25,]1,
 |   |   |  2,[0,0,0,][1,1,1,][0,0,0,][0.25,0.75,0.25,0.25,]1,
 |   |  }
 |  }end 

4，树形控件：

在各类界面库中树形控件的使用都比较繁杂，多使用嵌套递归。下面是tree控件的两个主要接口：

//@brief：插入节点(Group)或末端节点(Item)，并返回该节点以便递归插入。
	//        节点(Group)以m_groupTemplate为模板，末端节点(Item)以m_itemTemplate为模板。
	//        这两个模板可以由程序设置，也可以缺省为资源文件的ctrl lib中配置。
	//        因此每个节点可以是灵活的不同类型。
	//@pos：插入的位置，为-1时插到尾部，
	//@parentItem：插入到的父节点
	GuiControl*   InsertItem(int pos=-1,GuiGroupCtrl* parentItem = NULL);
	GuiGroupCtrl* InsertGroup(int pos=-1,GuiGroupCtrl* parentItem = NULL);

使用示例如下

/*
ui编辑器中使用tree控件浏览选中的待编辑控件(target)的结构
*/
void GuiEditorDialog::BrowserCtrl(GuiControl* target,GuiTreeCtrl* tree,GuiGroupCtrl* parentItem /*= NULL*/)
{
	GuiGroupCtrl* targetSubCtrlGroup;
	GuiGroupCtrl* targetCtrlGroup = dynamic_cast<GuiGroupCtrl*>(target);
	if (targetCtrlGroup==NULL)
	{
		return;
	}
	GuiControl* item;
	GuiGroupCtrl* group_;
	GuiButtonCtrl* itemText;
	GuiButtonCtrl* groupText;

	//自身
	if (parentItem == NULL)
	{
		parentItem = m_browser->InsertGroup(-1,NULL);
		parentItem->MAPCTRL(groupText,\"GroupHeader.groupTxt\");
		if(groupText)
		{
			groupText->SetText(target->GetIdName().c_str());
		}
	}

	//targetCtrlGroup->nu
	for(CtrlVec::iterator it=targetCtrlGroup->m_ctrls.begin(); it!=targetCtrlGroup->m_ctrls.end();it++)
	{
		targetSubCtrlGroup = dynamic_cast<GuiGroupCtrl*>(*it);
		if (targetSubCtrlGroup)
		{
			group_ = m_browser->InsertGroup(-1,parentItem);
			group_->MAPCTRL(groupText,\"GroupHeader.groupTxt\");
			if(groupText)
			{
				groupText->SetText(targetSubCtrlGroup->GetIdName().c_str());
			}
			//递归
			BrowserCtrl(targetSubCtrlGroup,tree,group_);
		}
		else
		{
			item = m_browser->InsertItem(-1,parentItem);
			((GuiGroupCtrl*)item)->MAPCTRL(itemText,\"itemTxt\");
			if(itemText)
			{
				itemText->SetText((*it)->GetIdName().c_str());
			}
		}
	}
}

5，提示工具tip，用于rpg游戏中各种icon悬浮提示：

只需继承ToolTipRender，鼠标移动到icon或有提示的其它控件上时自动回调到virtul SetToolTip(GuiControl*fromCtrl)。在这个函数中根据被悬浮的控件fromCtrl向GuiRichEditCtrl中写内容即可。GuiRichEditCtrl支持复合彩色文本，自动换行等功能。父类ToolTipRender会自动弹出提示框。

class SP_ToolTipRender : public ToolTipRender
{
public:
	SP_ToolTipRender();
	virtual ~SP_ToolTipRender();
	static const int TOOLTIPWIDTH = 270;

public:
	virtual void RenderToolTip();
	virtual void SetToolTip(GuiControl*fromCtrl);
	virtual bool OnWake();

	void SetItemTip(void* fromDataInfo);
	void SetWeaponTip(void* fromDataInfo);
	void SetSkillTip(void* fromDataInfo);

	GuiRichEditCtrl* m_htmlTipRender;
	GuiButtonCtrl* m_background;
};

6，可拖动、可设置cd和提示气泡的icon：

GuiDragIconCtrl控件，可以设置cd速度。可以拖动整理图标。

7，动画

sys可以设置控件动画。GuiMovieCtrl也可以在界面上播放3d动画。可以借助max制作关键帧动画，骨骼动画和顶点动画播放到界面中。

8，界面贴到3D动画模型表面：

任意ui控件可以显示3d movie，比如滚条按钮可以3d动画显示。窗体可以贴到动画模型表面且可以响应输入。3D UI 可以应用骨骼动画、morph动画等。可以贴在诸如橱柜里、石碑上、跑动的卡车上，增加游戏的代入感。

调用GuiGroupTargetCtrl的如下两个接口绑定纹理：

RenderTarget* GetRenderTarget(){return m_renderTarget;}
	void Bind();

该控件重载了如下两个函数，完成屏幕坐标的转换。

bool GuiGroupTargetCtrl::OnInputEvent(InputEvent& event_)

GuiControl* GuiGroupTargetCtrl::FindMouseCtrl(vec2 offset,vec2& pos)

在这两个函数中首先将屏幕坐标转换为鼠标点选射线，射线和贴到的宿主模型求交点，取出交点的纹理系坐标作为新的‘屏幕坐标’。

附录：

ui资源文件格式参考：

//========================================================

/**
*  @file      PlayGui.gui
*  Brief:  PlayGui
*  Author:     LouLei
*  Email:  twopointfive@163.com
*/     
//========================================================
\"PlayGui\"
{
    x = 0
    y = 0
    canhit = 0
    width = 800
    height = 600
    wakeSound = \"data/sound/ground_stationthrob.wav\"
    wakeSoundLoop = 1
    GuiGroupCtrl \"pickedCharacter\"
    {
        x = 5
        y = 65
        width = 200
        height = 200
        canhit = 0
        GuiButtonCtrl \"movieback\"
        {
            textureNormal = \"data/gui/playGui/SkillBack_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/SkillBack_n.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/SkillBack_n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 0
            width = 150
            height = 150
        }end 
        GuiMovieCtrl \"moviePick\"
        {
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        colorOver = 1.000000,1.000000,1.000000,1.000000
        colorClick = 0.000000,0.000000,0.000000,0.000000
        colorDisable = 1.000000,1.000000,1.000000,1.000000
        scale = 20
        x = 0
        y = 0
        width = 150
        height = 150
        }end 
        GuiButtonCtrl \"moviePickName\"
        {
            textureNormal = \"data/gui/playGui/skill _h.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _h.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 0
            width = 150
            height = 150
        }end 
        GuiButtonCtrl \"text1\"
        {
            textureNormal = \"data/gui/playGui/skill _h.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _h.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 105
            width = 150
            height = 15
        }end 


        GuiButtonCtrl \"text2\"
        {
            textureNormal = \"data/gui/playGui/skill _h.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _h.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 120
            width = 150
            height = 15
        }end 

        GuiProgressBarCtrl \"characterHelthBar\"
        {
            textureNormal = \"data/gui/playGui/RoleBar.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/RoleBar.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/RoleBar.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            textureBar = \"data/gui/playGui/RoleBar_red.png\"
            textureBarBack = \"data/gui/playGui/RoleBar_black.png\"
            x = 0
            y = 135
            width = 151
            height = 16
            text = \"health\"
        }end 
    }end
    GuiGroupCtrl \"rolebar\"
    {
        x = 5
        y = 5
        width = 200
        height = 200
        canhit = 0
        GuiProgressBarCtrl \"characterHelthBar\"
        {
            textureNormal = \"data/gui/playGui/RoleBar.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/RoleBar.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/RoleBar.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            textureBar = \"data/gui/playGui/RoleBar_red.png\"
            textureBarBack = \"data/gui/playGui/RoleBar_black.png\"
            x = 0
            y = 0
            width = 151
            height = 16
            text = \"health\"
        }end 
        GuiProgressBarCtrl \"characterMagicBar\"
        {
            textureNormal = \"data/gui/playGui/RoleBar.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/RoleBar.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/RoleBar.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            textureBar = \"data/gui/playGui/RoleBar_blue.png\"
            x = 0
            y = 20
            width = 151
            height = 16
            text = \"magic\"
        }end 
        GuiProgressBarCtrl \"characterExpBar\"
        {
            textureNormal = \"data/gui/playGui/RoleBar.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/RoleBar.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/RoleBar.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            textureBar = \"data/gui/playGui/RoleBar_exp.png\"
            x = 0
            y = 40
            width = 151
            height = 16
            text = \"experience\"
        }end 
    }end 
    GuiRadioCtrl \"dialogmenu\"
    {
        x = 5
        y = 200
        width = 156
        height = 450
        canhit = 0
        GuiButtonCtrl \"button_character\"
        {
            textureNormal = \"data/gui/playGui/RoleButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/RoleButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/RoleButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 0
            width = 44
            height = 51
            text = \"角色\"
            tip = \"角色\"
        }end 
        GuiButtonCtrl \"button_taskbag\"
        {
            textureNormal = \"data/gui/playGui/QuestButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/QuestButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/QuestButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 50
            width = 44
            height = 49
            text = \"任务\"
            tip = \"任务\"
        }end 
        GuiButtonCtrl \"button_itembag\"
        {
            textureNormal = \"data/gui/playGui/QuestButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/QuestButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/QuestButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 100
            width = 44
            height = 49
            text = \"物品\"
            tip = \"物品\"
        }end 
        GuiButtonCtrl \"button_skillbag\"
        {
            textureNormal = \"data/gui/playGui/QuestButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/QuestButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/QuestButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 150
            width = 44
            height = 49
            text = \"技能\"
            tip = \"技能\"
        }end 
    GuiButtonCtrl \"button_save\"
        {
            textureNormal = \"data/gui/playGui/QuestButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/QuestButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/QuestButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 200
            width = 44
            height = 49
            text = \"存档\"
            tip = \"保存\"
        }end 
    GuiButtonCtrl \"button_config\"
        {
            textureNormal = \"data/gui/playGui/QuestButton_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/QuestButton_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/QuestButton_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 250
            width = 44
            height = 49
            text = \"设置\"
            tip = \"设置\"
        }end 
       GuiButtonCtrl \"button_exitMiniGame\"
        {
            textureNormal = \"data/gui/playGui/help_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/help_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/help_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 300
            width = 138
            height = 32
            text = \"退出小游戏任务\"
        }end 
       GuiButtonCtrl \"button_backMain\"
        {
            textureNormal = \"data/gui/playGui/help_n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/help_h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/help_d.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 350
            width = 31
            height = 32
            text = \"退出\"
        }end 
    }end 
    GuiRadioCtrl \"skillicons\"
    {
        x = -200
        y = 5
        width = 500
        height = 40
        canhit = 0
        alignTypeW = 2
        GuiDragIconCtrl \"icon0\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 0
            y = 0
            width = 38
            height = 38
            text = \"1\"
        }end 
        GuiDragIconCtrl \"icon1\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 40
            y = 0
            width = 38
            height = 38
            text = \"2\"
        }end
        GuiDragIconCtrl \"icon2\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 80
            y = 0
            width = 38
            height = 38
            text = \"3\"
        }end
        GuiDragIconCtrl \"icon3\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 120
            y = 0
            width = 38
            height = 38
            text = \"4\"
        }end
        GuiDragIconCtrl \"icon4\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 160
            y = 0
            width = 38
            height = 38
            text = \"5\"
        }end
        GuiDragIconCtrl \"icon5\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 200
            y = 0
            width = 38
            height = 38
            text = \"6\"
        }end
        GuiDragIconCtrl \"icon6\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 240
            y = 0
            width = 38
            height = 38
            text = \"7\"
        }end
        GuiDragIconCtrl \"icon7\"
        {
            textureNormal = \"data/gui/playGui/skill _n.png\"
            colorNormal = 1.000000,1.000000,1.000000,1.000000
            textureOver = \"data/gui/playGui/skill _h.png\"
            colorOver = 1.000000,1.000000,1.000000,1.000000
            textureClick = \"data/gui/playGui/skill _n.png\"
            textureDisable = \"\"
            colorDisable = 1.000000,1.000000,1.000000,1.000000
            x = 280
            y = 0
            width = 38
            height = 38
            text = \"8\"
        }end
    }end 
    GuiButtonCtrl \"deadMask\"
    {
        defaultstyle = \"ButtonDefault.gui\"
        textureNormal = \"data/gui/PlayGui/deadmask.png\"
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        textureOver = \"data/gui/PlayGui/deadmask.png\"
        colorOver = 1.000000,1.000000,1.000000,1.000000
        textureClick = \"data/gui/PlayGui/deadmask.png\"
        colorClick = 0.000000,1.000000,0.000000,1.000000
        textureDisable = \"data/gui/PlayGui/deadmask.png\"
        colorDisable = 0.500000,0.500000,0.500000,1.000000
        x = 0
        y = 0
        width = 1
        height = 1
        dragable = 0
        sizeable = 0
        canhit = 0
        beclip = 0
        opacitytype = 0
        expendTex = 0
        extendTypeW = 1
        extendTypeH = 1
         sys = 2,3
        {   
            0f,   [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            20f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],0.5,
            40f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
        }
    }end 
    GuiButtonCtrl \"hurtMask\"
    {
        defaultstyle = \"ButtonDefault.gui\"
        textureNormal = \"data/gui/PlayGui/hurtMask.png\"
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        textureOver = \"data/gui/PlayGui/hurtMask.png\"
        colorOver = 1.000000,1.000000,1.000000,1.000000
        textureClick = \"data/gui/PlayGui/hurtMask.png\"
        colorClick = 0.000000,1.000000,0.000000,1.000000
        textureDisable = \"data/gui/PlayGui/hurtMask.png\"
        colorDisable = 0.500000,0.500000,0.500000,1.000000
        x = 0
        y = 0
        width = 1
        height = 1
        dragable = 0
        sizeable = 0
        canhit = 0
        beclip = 0
        opacitytype = 0
        expendTex = 0
        extendTypeW = 1
        extendTypeH = 1
         sys = 2,3
        {   
            0f,   [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            10f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],0.7,
            20f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
        }
    }end 
    GuiGroupCtrl \"npcBubble\"
    {
        textureNormal = \"data/gui/QuestDlg/npcBubble.png\"
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        textureOver = \"data/gui/QuestDlg/npcBubble.png\"
        colorOver = 1.000000,1.000000,0.000000,1.000000
        textureClick = \"data/gui/QuestDlg/npcBubble.png\"
        colorClick = 0.000000,1.000000,0.000000,1.000000
        colorDisable = 0.000000,0.000000,0.000000,0.000000
        x = 0
        y = 0
        width = 300
        height = 100
        dragable = 0
        sizeable = 0
         sys = 2,7
        {   
            0f,   [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            10f, [0,-10,0],[1.1,1.1,1.0],[0.0,0.0,0.0],[0,0,1,1],0.5,
            20f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            30f, [0,-10,0],[1.1,1.1,1.0],[0.0,0.0,0.0],[0,0,1,1],0.5,
            40f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            50f, [0,-20,0],[1.2,1.2,1.0],[0.0,0.0,0.0],[0,0,1,1],0.5,
            60f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
        }
        GuiHtmlCtrl \"htmlNpcBubble\"
		{
			colorNormal = 1.000000,1.000000,1.000000,1.000000
			colorOver = 1.000000,1.000000,1.000000,1.000000
			colorClick = 0.000000,0.000000,0.000000,0.000000
			colorDisable = 1.000000,1.000000,1.000000,1.000000
			x = 15
			y = 25
			width = 250
			height = 100
			limitLineNum = 3
		}end 
    }end
    GuiGroupCtrl \"playNotice\"
    {
        textureNormal = \"data/gui/QuestDlg/npcBubble.png\"
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        textureOver = \"data/gui/QuestDlg/npcBubble.png\"
        colorOver = 1.000000,1.000000,0.000000,1.000000
        textureClick = \"data/gui/QuestDlg/npcBubble.png\"
        colorClick = 0.000000,1.000000,0.000000,1.000000
        colorDisable = 0.000000,0.000000,0.000000,0.000000
        x = 300
        y = 150
        width = 300
        height = 150
        dragable = 0
        sizeable = 0
        canhit = 0
        alignTypeW = 1
        alignTypeH = 1
        GuiHtmlCtrl \"htmlPlayNotice\"
		{
			colorNormal = 1.000000,1.000000,1.000000,1.000000
			colorOver = 1.000000,1.000000,1.000000,1.000000
			colorClick = 0.000000,0.000000,0.000000,0.000000
			colorDisable = 1.000000,1.000000,1.000000,1.000000
			x = 15
			y = 25
			width = 250
			height = 150
			limitLineNum = 4
			canhit = 0
		}end 
    }end 
    GuiButtonCtrl \"minigameEnter\"
    {
        defaultstyle = \"ButtonDefault.gui\"
        textureNormal = \"data/gui/PlayGui/minigameEnter.png\"
        colorNormal = 1.000000,1.000000,1.000000,1.000000
        textureOver = \"data/gui/PlayGui/minigameEnter.png\"
        colorOver = 1.000000,1.000000,1.000000,1.000000
        textureClick = \"data/gui/PlayGui/minigameEnter.png\"
        colorClick = 0.000000,1.000000,0.000000,1.000000
        textureDisable = \"data/gui/PlayGui/minigameEnter.png\"
        colorDisable = 0.500000,0.500000,0.500000,1.000000
        x = 0
        y = 0
        width = 1
        height = 1
        dragable = 0
        sizeable = 0
        canhit = 1
        beclip = 0
        opacitytype = 1
        expendTex = 0
         sys = 2,3
        {   
            0f,   [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
            10f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],0.7,
            20f, [0,0,0],[1.0,1.0,1.0],[0.0,0.0,0.0],[0,0,1,1],1,
        }
    }end 
}end