OGRE+CEGUI游戏教程(5)--物品/装备和技能系统

最新推荐文章于 2015-06-21 08:37:45 发布
最新推荐文章于 2015-06-21 08:37:45 发布
阅读量1.9k 收藏
点赞数
分类专栏： CEGUI 文章标签： 游戏 string exception layout image system

 转载请注明出处:http://blog.csdn.net/pizzazhang

  源码和可执行程序链接http://code.google.com/p/pizzaprojects/downloads/list 

 

一般游戏只要是类RPG的，都会有一套装备/物品系统，还有技能系统。 玩火炬之光的同时，我在想它的装备/物品系统和技能系统是如何实现的。 由于火炬之光使用的是CEGUI， 所以我找到它的ui文件， 发现它的技能系统使用的是一个layout文件，但鼠标移到技能上的时候，有点像一个Tooltip渐入，然后显示（带图片和字体），鼠标移开后又消失。感觉上非常像一个Tooltip。

  如果是纯粹的一个layout进行显示/隐藏的话，那么每个物品/装备/技能栏都需要注册一个MouseEnterArea事件，而且这个layout必须得到这些槽绑定的物品/技能对象的数据。

  如果是Tooltip的话，必须自己重写Tooltip系统，让Tooltip的调用改用layout而不是固有的LookNFeel中的Tooltip样式。

  由于重写一个Tootip对于我来说还是有些难度的，所以我询问了CEGUI论坛的“大牛”们，得到了一种不错的解决方案：

http://www.cegui.org.uk/phpBB2/viewtopic.php?f=10&t=5549

 

下面是运用这种方法得到的效果图：


这里是一个简单的示范，基本的功能是：

鼠标Hover到一个槽中的时候，显示这个槽附带物品/技能的说明，并且可以使用中文。

点击装备的时候，装备可以附加到正确的装备槽中。

 

那么如何实现呢？对于显示带图片和颜色字体的Tooltip的话，上面那个CEGUI论坛链接有详细的说明， 先看下我根据他的思想写的代码：

#include "BaseApplication.h"
#include "MyGUISystem.h"
#include "Item.h"
#include "Skill.h"
#include <vector>
class Demo : public BaseApplication
{
public:
	bool frameRenderingQueued(const Ogre::FrameEvent& evt)
	{
		if(mShutDown)
			return false;
		//这里需要update否则Tooltip不会显示
		MyGUISystem::getSingletonPtr()->update(evt.timeSinceLastFrame);
		return BaseApplication::frameRenderingQueued(evt);
	}
	void createScene()
	{
		createItems();
		createSkills();
		setupGUI();
	}
	void setupGUI()
	{
		MyGUISystem::getSingletonPtr()->init();
		//创建图片资源
		CEGUI::ImagesetManager::getSingleton().create("items2.imageset");
		CEGUI::ImagesetManager::getSingleton().create("skill.imageset");
		MyGUISystem::getSingletonPtr()->loadLayout("GameUI");
		createGUIEvents();
		CEGUI::Window* itemWidget = MyGUISystem::getSingletonPtr()->getWindow("InvBottomSlot1");
		//这里传递一个User字串映射来装备到特定槽中
		itemWidget->setUserString("type", "Weapon");
		//格式化信息
		formatInvTooltip(itemWidget, mItems[0]);
		CEGUI::Window* skillWidget = MyGUISystem::getSingletonPtr()->getWindow("SkillSlot1");
		formatSkillTooltip(skillWidget, mSkills[0]);
	}
	void createGUIEvents()
	{
		MyGUISystem::subscribeEvent("InvBottomSlot1", CEGUI::Window::EventMouseClick, 
			CEGUI::Event::Subscriber(&Demo::onEquip, this));
	}
	bool onEquip(const CEGUI::EventArgs& args)
	{
		const CEGUI::WindowEventArgs& WindowArgs = static_cast<const CEGUI::WindowEventArgs&>(args);
		if(WindowArgs.window->getUserString("type") == "Weapon")
		{
			//得到User字串传递过来的信息来进行操作
			CEGUI::Window* invBottom = MyGUISystem::getSingletonPtr()->getWindow("InventoryBottom");
			//从当前槽中移除
			invBottom->removeChildWindow(WindowArgs.window);
			CEGUI::Window* invTop = MyGUISystem::getSingletonPtr()->getWindow("InventoryTop");
			//加入到装备栏的槽中
			invTop->getChild(0)->addChildWindow(WindowArgs.window);
			//重新设定位置和大小（相对）
			WindowArgs.window->setPosition(CEGUI::UVector2(CEGUI::UDim(0, 0), CEGUI::UDim(0, 0)));
			WindowArgs.window->setSize(CEGUI::UVector2(CEGUI::UDim(1, 0), CEGUI::UDim(1, 0)));
		}
		return true;
	}
	//创建我们需要的物品，保存在一个向量中
	void createItems()
	{
		Item* item = new Item("Item21", "Weapon");
		item->setDesc("A Nice Weapon!");
		item->setIconName("set:items2 image:item21");
		item->setCost("3000");
		item->setTechLevel("14");
		mItems.push_back(item);
	}
	//创建技能，保存在一个向量中
	void createSkills()
	{
		Skill* skill = new Skill((CEGUI::utf8*)Ogre::UTFString(L"火球术").asUTF8_c_str());
		skill->setDesc((CEGUI::utf8*)Ogre::UTFString(L"发射一颗巨大的火球冲向敌人").asUTF8_c_str());
		skill->setLevel(4);
		skill->setIconName("set:skill image:skill1");
		mSkills.push_back(skill);
	}
	//格式化信息提示：使用字串流加入图片、字体等来格式化
	void formatInvTooltip(CEGUI::Window* window, Item* item)
	{
		std::stringstream ssTooltip;
		ssTooltip
			<<"[font='SimHei-14'][colour='FF0000FF']"<<item->getName()<<std::endl
			<<"[top-padding='5'][bottom-padding='10'][image-width='60'][image-height='90'][colour='FFFFFFFF'][image='"
			<<item->getIconName()<<"']"<<std::endl
			<<"------------------------"<<std::endl
			<<"[top-padding='0'][bottom-padding='0'][font='SimHei-14'][colour='FF00FFFF']" << item->getDesc() << std::endl
			<<"------------------------"<<std::endl
			<<"Tech Level: " << item->getTechLevel() << std::endl
			<<"------------------------"<<std::endl
			<<"Cost: "<<item->getCost()<<std::endl;
		//简单地设置TooltipText就可以获得图片和字体的效果
		window->setTooltipText(ssTooltip.str());
	}
	//格式化技能提示，同物品信息提示的格式化操作
	void formatSkillTooltip(CEGUI::Window* window, Skill* skill)
	{
		std::stringstream ssTooltip;
		ssTooltip
			<<"[font='SimHei-14'][colour='FFFFFF00']"<<skill->getName()<<std::endl
			<<"[top-padding='5'][bottom-padding='10'][image-width='80'][image-height='80'][colour='FFFFFFFF'][image='"
			<<skill->getIconName()<<"']"<<std::endl
			<<"------------------------"<<std::endl
			<<"[top-padding='0'][bottom-padding='0'][font='SimHei-14'][colour='FF00FF00']" << skill->getDesc() << std::endl
			<<"------------------------"<<std::endl
			<<(CEGUI::utf8*)Ogre::UTFString(L"技能等级: ").asUTF8_c_str()<< skill->getLevel() << std::endl
			<<"------------------------"<<std::endl
			<<(CEGUI::utf8*)Ogre::UTFString(L"技能消耗: ").asUTF8_c_str()<<skill->getCost()<<std::endl
			<<"------------------------"<<std::endl
			<<(CEGUI::utf8*)Ogre::UTFString(L"技能伤害：").asUTF8_c_str()<<skill->getDamage()<<std::endl;
		//简单地设置TooltipText就可以获得图片和字体的效果
		window->setTooltipText((CEGUI::utf8*)ssTooltip.str().c_str());
	}
private:
	bool mousePressed( const OIS::MouseEvent &arg, OIS::MouseButtonID id )
	{
		MyGUISystem::getSingletonPtr()->injectMouseButtonDown(MyGUISystem::convertButton(id));
		return true;
	}
	bool mouseReleased( const OIS::MouseEvent &arg, OIS::MouseButtonID id )
	{
		MyGUISystem::getSingletonPtr()->injectMouseButtonUp(MyGUISystem::convertButton(id));
		return true;
	}
	bool mouseMoved( const OIS::MouseEvent &arg )
	{
		MyGUISystem::getSingletonPtr()->injectMouseMove(arg.state.X.rel, arg.state.Y.rel);
		return true;
	}
	bool keyPressed( const OIS::KeyEvent &arg )
	{
		CEGUI::System::getSingleton().injectKeyDown(arg.key);
		CEGUI::System::getSingleton().injectChar(arg.text);
		if(arg.key == OIS::KC_ESCAPE)
			mShutDown = true;
		return true;
	}
	bool keyReleased( const OIS::KeyEvent &arg )
	{
		CEGUI::System::getSingleton().injectKeyUp(arg.key);
		return true;
	}
private:
	std::vector<Item*> mItems;
	std::vector<Skill*> mSkills;
};
INT WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, INT)
{
	try
	{
		Demo demo;
		demo.go();
	}
	catch(Ogre::Exception& e)
	{
		MessageBox(0, e.getFullDescription().c_str(), "Exception", MB_OK);
	}
	
}

使用一个stringstream来对Tooltip的文本进行加工，需要图片的地方就加入图片的tag， 需要颜色的地方加入colour的tag。

如果需要在Tooltip中加入中文，那么你需要一个CEGUI::String字串对象，然后在设置Tooltip文本的时候，把这个字串对象转换成CEGUI::utf8文本。 当然转换中文后显示会变慢 = =

对于图片的显示，需要更改LookNFeel中的Tooltip的Colour Range，在ImagerySection Name="label“的地方，把颜色值调成白色

 

如何把对应槽和物品/装备等联系起来呢？我想到的一种方法是使用UserString来进行通信。

首先我们需要一个Item和Skill类来封装我们的物品和技能的属性：

#pragma once
#include <string>
class Item
{
public:
	Item(const std::string& name, const std::string& type)
	{
		mName = name;
		mType = type;
	}
	virtual ~Item()
	{
	}
	const std::string& getName()
	{
		return mName;
	}
	const std::string& getType()
	{
		return mType;
	}
	void setIconName(const std::string& iconName)
	{
		mIconName = iconName;
	}
	const std::string& getIconName()
	{
		return mIconName;
	}
	void setDesc(const std::string& desc)
	{
		mDesc = desc;
	}
	const std::string& getDesc()
	{
		return mDesc;
	}
	void setTechLevel(const std::string& level)
	{
		mTechLevel = level;
	}
	const std::string& getTechLevel()
	{
		return mTechLevel;
	}
	void setCost(const std::string& cost)
	{
		mCost = cost;
	}
	const std::string& getCost()
	{
		return mCost;
	}
private:
	std::string mName;			//物品名称
	std::string mIconName;		//图片名称
	std::string mTechLevel;		//技术等级
	std::string mDesc;			//物品描述
	std::string mCost;			//物品消费
	std::string mType;			//物品类型
};

技能的话差不多， 不过基本上只需要设置技能等级，然后技能的消耗和伤害等根据公式计算： 

	Skill(const CEGUI::String& name)
	{
		mName = name;
		mLevel = 1;
		mCost = 100;
		mDamage = 1000;
	}

	float getCost()
	{
		return mCost * mLevel/mMaxLevel;
	}

	float getDamage()
	{
		return mDamage * mLevel * mLevel/mMaxLevel;
	}

接下来就是在逻辑地方调用了它们了。 在上面的代码中，我使用了一个vector来保存需要使用的物品和技能，当然你需要更复杂的管理系统，就像对象工厂那样的系统。

在Tooltip的显示中，使用传递进去的Item或者Skill来动态的加载物品或装备的信息。

 

当装备一件装备时，为了能让它到特定的槽中, 我们可以传递一个UserString来通信：

		//这里传递一个User字串映射来装备到特定槽中
		itemWidget->setUserString("type", "Weapon");

然后注册一个点击事件，对应的响应方法： 

	bool onEquip(const CEGUI::EventArgs& args)
	{
		const CEGUI::WindowEventArgs& WindowArgs = static_cast<const CEGUI::WindowEventArgs&>(args);
		if(WindowArgs.window->getUserString("type") == "Weapon")
		{
			//得到User字串传递过来的信息来进行操作
			CEGUI::Window* invBottom = MyGUISystem::getSingletonPtr()->getWindow("InventoryBottom");
			//从当前槽中移除
			invBottom->removeChildWindow(WindowArgs.window);
			CEGUI::Window* invTop = MyGUISystem::getSingletonPtr()->getWindow("InventoryTop");
			//加入到装备栏的槽中
			invTop->getChild(0)->addChildWindow(WindowArgs.window);
			//重新设定位置和大小（相对）
			WindowArgs.window->setPosition(CEGUI::UVector2(CEGUI::UDim(0, 0), CEGUI::UDim(0, 0)));
			WindowArgs.window->setSize(CEGUI::UVector2(CEGUI::UDim(1, 0), CEGUI::UDim(1, 0)));
		}
		return true;
	}

先从当前槽中移除物品绑定的窗口对象，然后根据传递过来的UserString来判断应该放在哪个槽中，对后把它加入这个槽窗口中并重置位置和大小。

 

对于一个复杂的装备/物品和技能系统，远不止这些。我只是一个示范，而且是在CEGUI+OGRE这个环境中。所以希望对研究Ogre和CEGUI的同学有帮助，同时希望有更好方案的同学提出意见，共同进步。


IIIIIIIIIIIIIOO
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
使用ogre cegui和fmod编写的一个简单游戏界面系统
11-22
使用ogre cegui和fmod编写的一个简单游戏界面系统，包括主界面、人物界面、载入界面等。进入游戏为一个星球动画，按esc键打开退出界面，其他操作和说明见readme.txt。另有相应代码已上传。 程序中所有资源均来自...
OGRE中使用CEGUI【1】
胖大星的博客
08-05 297
转载请注明出处http://blog.sina.com.cn/lucyloveayu          因为Ogre从1.7.x以后便不再在SDK中附带CEGUI的渲染器了，所以CEGUI就自己出了CEGUIOgreRenderer的渲染器，这样在函数调用和依赖库上虽然有了一些区别，但是整个GUI的渲染步骤是不变的，还是依照创建CEGUI：：Renderer对象->创建CEGUI：：System
Ogre基础教程7：CEGUI 与 Ogre（未完成）
路见不平先甩锅
06-21 1088
教程介绍本篇教程中，我们将探索如何在Ogre中使用CEGUI。
OGRE+CEGUI游戏教程(3)----角色创建
熊小屁的专栏
10-30 1783
转载请注明出处:http://blog.csdn.net/pizzazhang   源码和可执行程序链接http://code.google.com/p/pizzaprojects/downloads/list     这次主要做了一个角色创建的小Demo。 用了火炬之光里面的图片资源（谁让这个游戏是用Ogre开发的呢，大爱）。   使用了 CEGUI的ImageButton  使用了
OGRE中使用CEGUI详解
lsldd的专栏
03-28 6584
 研究了一下午，总算是在OGRE中使用上CEGUI了。参考了许多网友的文章，这里结合自己的经验给出详细的步骤。新手一般都使用OGRE提供的ExampleApplication+ExampleFrameListener框架。这个框架默认是屏幕独占模式，而且是没有鼠标的。要使用鼠标，或者进一步创建UI界面，必须使用CEGUI。下面给出通过CEGUI使用鼠标的详细步骤（VS2005 + Og
CeGui+Ogre
_Witch__的专栏
09-11 4695
GUI http://lixinyiabc123.blog.163.com/blog/static/140977406201021835146121/ 我们的模拟器与大多数的游戏一样，都有2个主要状态：“GUI”和“Game”。然而，我所遇到Ogre和CEGUI史上最令人困解的问题之一是它们之间如何相互配合。事实上，这相当的明了。但由于那些不完整的例子，过时的文章，和难以理解的
Ogre+CEGUI模板
05-21
注意配置OGRE_PATH和CEGUI_HOME环境变量
Ogre-1.7.2..CEGUI-0.75-.zip_Ogre_ Ogre
09-21
Ogre 1.7.2..CEGUI 0.75 软件配置说明
使用ogre、cegui和fmod编写的一个简单游戏界面系统 - 下载频道 - CSDN.
11-20
包含简单的开始界面、人物创建界面、载入游戏界面以及简单运行参数监测界面。进入游戏后上下左右移动，鼠标转向，...所有资源来自互联网和其他游戏，请勿作为商业用途。 Copyright (C) 2013 Finaldream Game Studio。
使用ogre、cegui和fmod编写的一个简单游戏界面系统（代码部分）
11-17
这是对应于资源“使用ogre cegui和fmod编写的一个简单游戏界面系统”的代码 使用VS2008编写 需要ogre cegui和fmod的sdk 对应的资源和资源配置文件在前述资源中 参考文献在代码中说明 Copyright C 2013 ...
Ogre中使用CEGUI
07-30
Ogre中使用CEGUI
MyGUI_Orge官网教程_2.快速在工程中使用MyGUI
08-16
MyGUI_Orge官网教程_2.快速在工程中使用MyGUI,翻译的教程相应的ogre的实例代码，学习MyGUI的同学可以下载看看
MyGUI_Orge官网教程_6.启用工具提示tooltip
08-22
MyGUI_Orge官网教程_6.启用工具提示tooltip,翻译的教程相应的ogre的实例代码，学习MyGUI的同学可以下载看看
基础教程六(CEGUI和OGRE)
thenile的专栏
01-19 1683
必备知识本教程是在假设你已经拥有c++编程基础并能够成功建立和编译Ogre程序（如果你设置程序方面还存在问题，请参阅SettingUpAnApplication来获取详细信息）。 本教程建立在之前的初学者教程的基础上，并且假设你已经学习了它们。[编辑]工程设置下面的适用于下载源代码的用户: 添加include文件夹: $(OGRE_HOME)/Dependencies/i
OGRE基础教程七 CEGUI and Ogre
愤怒的小小强
11-05 1142
英语水平有限，欢迎大家批评指正 本文并没有将原文全部翻译，只是将其中的一些知识点翻译总结了一下，想要查看详细讲解的话，可以到原文处看一下，附上英文原文地址：http://www.ogre3d.org/tikiwiki/tiki-index.php?page=Basic+Tutorial+7&structure=Tutorials A Brief Introduction To CEGUI
OGRE+CEGUI游戏教程(1)----GUI框架
熊小屁的专栏
10-30 2413
转载文章请注明出处：http://blog.csdn.net/pizzazhang    源码和可执行程序链接http://code.google.com/p/pizzaprojects/downloads/list   今天起我会陆续更新一些原创的Ogre结合CEGUI的游戏教程。想到什么就做什么，没有固定的内容，不过基本是游戏里可以用到的。    请先确保学习完了Ogre Wiki上的基
基础教程七(CEGUI和OGRE II)
thenile的专栏
01-19 3468
先决条件本教程是在假设你已经拥有c++编程基础并能够成功建立和编译Ogre程序（如果你设置程序方面还存在问题，请参阅SettingUpAnApplication来获取详细信息）。 本教程建立在之前的初学者教程的基础上，并且假设你已经学习了它们。[编辑]介绍在这一课里，我们将一起来探索如何在Ogre里使用CEGUI（一个嵌入的GUI系统）。学完本课以后，你应该能够往你的Ogre应用程
ogre与CEGUI结合
07-05 2232
注意需要4个动态链接库，才行，一个是ceguibase，一个是渲染器CEGUIFalagardWRBase.dll，一个是CEGUIExpatParser.dll ，还有一个就是ogreRender：CEGUIOgreRenderer.dll，否则第一个函数bootstrapSystem就会有异常， 这四个动态链接库中：渲染器和xml分析器ExpatParser是动态加载的。 还有要
OGRE之CEGUI简介
痞子龙3D编程
03-22 2788
    CEGUI是一个2D的UI渲染库。它支持大部分渲染引擎，不仅支持Ogre，也同样的支持OpenGL和Irrlicht引擎。它同时又是基于XML脚本文件格式应用的一个重量级库。当然，你可以在你的代码中定义所有的UI信息，但如果你在使用XML文件进行UI文件的定义也会非常简单，CEGUI也能够在运行时对这些XML文件进行读取和分析。CEGUI本身有一些例子和支持这些例子的资源。你可以看一看这些
ogre 和 ogre-next区别
最新发布
06-07
Ogre和Ogre-next都是3D图形引擎，Ogre是基于C++开发的，而Ogre-next则是基于现代C++11开发的。Ogre-next是对Ogre进行重构的产物，它在保留Ogre所有强大的功能和特性的同时，通过使用现代C++11语言和新的设计模式，使得Ogre-next的代码更加清晰、易于维护和扩展。此外，Ogre-next还提供了更高的性能和更好的跨平台支持。总的来说，Ogre-next是一个更加现代化、高效、易用的3D图形引擎。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值