Irrlicht 3D Engine 笔记系列 之 教程6- 2D Graphics

作者:i_dovelemon

日期:2015 / 7 / 1

来源: CSDN

主题:2D Graphics, Irrlicht


教程翻译

本篇教程将要向大家展示如何使用Irrlicht引擎绘制2D图形。绘制2D图形能够让我们制作一个2D游戏或者绘制一些漂亮的用户界面和HUD出来。

和以前一样,包含一些头文件,使用irr命名空间,并且通知连接器链接lib文件:

#include <irrlicht.h>
#include "driverChoice.h"

using namespace irr;

#ifdef _MSC_VER
#pragma comment(lib, "Irrlicht.lib")
#endif

首先,我们让用户选择设备驱动的类型,然后启动引擎,设置一个标题,获取视频设备的指针。
int main()
{
    // ask user for driver
    video::E_DRIVER_TYPE driverType=driverChoiceConsole();
    if (driverType==video::EDT_COUNT)
        return 1;

    // create device

    IrrlichtDevice *device = createDevice(driverType,
        core::dimension2d<u32>(512, 384));

    if (device == 0)
        return 1; // could not create selected driver.

    device->setWindowCaption(L"Irrlicht Engine - 2D Graphics Demo");

    video::IVideoDriver* driver = device->getVideoDriver();
在本教程中所有需要使用到的2d图形,都保存在纹理文件2ddemo.png中(可以在引擎文件夹中找到)。由于我们希望绘制带有colorkey的sprite,所以,我们需要加载这个纹理,然后通知引擎,如何根据colorkey来使纹理的哪一个部分透明掉。

在本教程中,我们不直接的告知引擎要把哪个颜色透明掉,而是通知引擎把和某个位置的颜色值一样的像素透明掉。同样,我们也能够通过直接指定颜色,来将纹理中的特定颜色透明掉。需要注意的是makeColorKeyTexture函数仅仅是根据给定的颜色值,为具有该颜色的像素设置alpha通道,从而使其透明。
    video::ITexture* images = driver->getTexture("../../media/2ddemo.png");
    driver->makeColorKeyTexture(images, core::position2d<s32>(0,0));
为了能够绘制文本,我们需要先加载字体。首先,我们使用引擎内置的字体来绘制。然后加载另外一个外部的字体。同时我们还需要指定在纹理的什么位置存在着我们想要绘制的图片。
    gui::IGUIFont* font = device->getGUIEnvironment()->getBuiltInFont();
    gui::IGUIFont* font2 =
        device->getGUIEnvironment()->getFont("../../media/fonthaettenschweiler.bmp");

    core::rect<s32> imp1(349,15,385,78);
    core::rect<s32> imp2(387,15,423,78);
准备一个好的2D过滤器,用来对纹理尽心过滤采样等。
    driver->getMaterial2D().TextureLayer[0].BilinearFilter=true;
    driver->getMaterial2D().AntiAliasing=video::EAAM_FULL_BASIC;
好了,所有的工作,都准备完毕了,现在我们在绘制循环中绘制所有的内容。在本教程中,我们仅仅绘制2d图形,但是我们同样可以在beginscene和endscene之间添加其他绘制3D图形的函数调用。
    while(device->run() && driver)
    {
        if (device->isWindowActive())
        {
            u32 time = device->getTimer()->getTime();

            driver->beginScene(true, true, video::SColor(255,120,102,136));
首先,我们绘制3个sprite。函数的最后一个参数,表示我们是否使用纹理像素中的alpha通道值。倒数第二个参数用于给定一个颜色值,通过这个值我们能够对图形2d图形进行二次着色,并且改变纹理整体的透明度。如果值为(255,255,255,255)那么纹理将保持不变。最后一个sprite使用基于时间来改变的r通道进行绘制。
            // draw fire & dragons background world
            driver->draw2DImage(images, core::position2d<s32>(50,50),
                core::rect<s32>(0,0,342,224), 0,
                video::SColor(255,255,255,255), true);

            // draw flying imp
            driver->draw2DImage(images, core::position2d<s32>(164,125),
                (time/500 % 2) ? imp1 : imp2, 0,
                video::SColor(255,255,255,255), true);

            // draw second flying imp with colorcylce
            driver->draw2DImage(images, core::position2d<s32>(270,105),
                (time/500 % 2) ? imp1 : imp2, 0,
                video::SColor(255,(time) % 255,255,255), true);
绘制文本非常的简单。下面的代码已经能够自我解释了。
            // draw some text
            if (font)
                font->draw(L"This demo shows that Irrlicht is also capable of drawing 2D graphics.",
                    core::rect<s32>(130,10,300,50),
                    video::SColor(255,255,255,255));

            // draw some other text
            if (font2)
                font2->draw(L"Also mixing with 3d graphics is possible.",
                    core::rect<s32>(130,20,300,60),
                    video::SColor(255,time % 255,time % 255,255));
接下来,我们绘制一个Irrlicht引擎的Logo。由于我们使用了过滤器,所以稍微的对纹理进行缩放操作。
            driver->enableMaterial2D();
            driver->draw2DImage(images, core::rect<s32>(10,10,108,48),
                core::rect<s32>(354,87,442,118));
            driver->enableMaterial2D(false);
最后,在鼠标的位置绘制一个半透明的矩形出来。
            core::position2d<s32> m = device->getCursorControl()->getPosition();
            driver->draw2DRectangle(video::SColor(100,255,255,255),
                core::rect<s32>(m.X-20, m.Y-20, m.X+20, m.Y+20));

            driver->endScene();
        }
    }

    device->drop();

    return 0;
}
好了,这就是本教程的全部了。

重点内容解析

IVideoDriver继承树

在上面的教程中,我们可以看到加载纹理,对纹理进行操作,最终绘制纹理都是通过IVideoDriver的指针来进行的。所以,很有必要对IVideoDriver做一番基础的研究。
首先,我们需要知道,IVideoDriver仅仅是一个接口,那么它到底派生了多杀个类,并且在本程序中使用的是哪一个了?Irrlich是如何决定要使用哪一个派生类的了?
通过VS2010的查看工具,我们能够看到IVideoDriver具有如下的继承树:

Irrlicht 3D Engine 笔记系列 之 教程6- 2D Graphics_第1张图片
图1 IVideoDriver继承树
从图中可以看出IVideoDriver接口是用来给用户使用的接口,在这个接口之上派生了一个CNullDriver类,这个类定义了一些VideoDriver共有的函数功能实现。然后在CNullDriver的基础上,再次的继承了5个不同的VideoDriver,分别为:
  • CBurningVideoDriver
  • CD3D8Driver
  • CD3D9Driver
  • COpenGLDriver
  • CSoftwareDrive
这几个VideoDriver,分别基于不同的设备驱动来实现的。对于一个CBurningVideoDriver,暂时不知道基于什么设备驱动实现,貌似是优化的软件渲染设备。至于后面的CD3D8Driver就是基于DirectX8的渲染设备,CD3D9Driver就是基于DirectX9的渲染设备;COpenGLDriver就是基于OpenGL的渲染设备了;CSoftwareDriver就是基于软件实现的渲染设备。

上面展示的是IVideoDriver的整体继承结构图。接下来,我们详细的看看IVideoDriver的作用。

IVideoDriver的用途

打开IVideoDriver接口的文件,里面有如下一段话:
//! Interface to driver which is able to perform 2d and 3d graphics functions.
/** This interface is one of the most important interfaces of
the Irrlicht Engine: All rendering and texture manipulation is done with
this interface. You are able to use the Irrlicht Engine by only
invoking methods of this interface if you like to, although the
irr::scene::ISceneManager interface provides a lot of powerful classes
and methods to make the programmer's life easier.
*/
这段话的意思是说:IVideoDriver接口用于进行2D和3D图形操作的接口。这个接口是Irrlich引擎中最重要的接口之一:所有的渲染和纹理操作都是通过这个接口实现的。我们只有通过这个接口来使用Irrlich引擎的渲染功能,同时ISceneManager接口也提供了大量的强有力的函数来使我们的工作更加的容易。
从这段话就可以看出,IVideoDriver的主要功能就是给用户提供接口,进行2D和3D渲染以及纹理操作等。算是对底层图形API的封装层面。通过这个接口,能够使我们以一种统一的方式对底层的图形API进行快速的操作,加快我们开发的效率。而关于这个接口里面提供的诸多函数,将在后面的教程中像大家一一的解释。

引擎如何选择创建哪种VideoDriver?

为了了解这个问题,我们需要跟踪程序的执行过程,明确在什么地方对VideoDriver进行创建的。在跟踪了程序执行路径之后,得到如下的函数:
<span style="font-family:Microsoft YaHei;font-size:14px;">//! create the driver
void CIrrDeviceWin32::createDriver()
{
	switch(CreationParams.DriverType)
	{
	case video::EDT_DIRECT3D8:
		#ifdef _IRR_COMPILE_WITH_DIRECT3D_8_

		VideoDriver = video::createDirectX8Driver(CreationParams, FileSystem, HWnd);

		if (!VideoDriver)
		{
			os::Printer::log("Could not create DIRECT3D8 Driver.", ELL_ERROR);
		}
		#else
		os::Printer::log("DIRECT3D8 Driver was not compiled into this dll. Try another one.", ELL_ERROR);
		#endif // _IRR_COMPILE_WITH_DIRECT3D_8_

		break;

	case video::EDT_DIRECT3D9:
		#ifdef _IRR_COMPILE_WITH_DIRECT3D_9_

		VideoDriver = video::createDirectX9Driver(CreationParams, FileSystem, HWnd);

		if (!VideoDriver)
		{
			os::Printer::log("Could not create DIRECT3D9 Driver.", ELL_ERROR);
		}
		#else
		os::Printer::log("DIRECT3D9 Driver was not compiled into this dll. Try another one.", ELL_ERROR);
		#endif // _IRR_COMPILE_WITH_DIRECT3D_9_

		break;

	case video::EDT_OPENGL:

		#ifdef _IRR_COMPILE_WITH_OPENGL_
		switchToFullScreen();

		VideoDriver = video::createOpenGLDriver(CreationParams, FileSystem, this);
		if (!VideoDriver)
		{
			os::Printer::log("Could not create OpenGL driver.", ELL_ERROR);
		}
		#else
		os::Printer::log("OpenGL driver was not compiled in.", ELL_ERROR);
		#endif
		break;

	case video::EDT_SOFTWARE:

		#ifdef _IRR_COMPILE_WITH_SOFTWARE_
		switchToFullScreen();

		VideoDriver = video::createSoftwareDriver(CreationParams.WindowSize, CreationParams.Fullscreen, FileSystem, this);
		#else
		os::Printer::log("Software driver was not compiled in.", ELL_ERROR);
		#endif

		break;

	case video::EDT_BURNINGSVIDEO:
		#ifdef _IRR_COMPILE_WITH_BURNINGSVIDEO_
		switchToFullScreen();

		VideoDriver = video::createBurningVideoDriver(CreationParams, FileSystem, this);
		#else
		os::Printer::log("Burning's Video driver was not compiled in.", ELL_ERROR);
		#endif
		break;

	case video::EDT_NULL:
		// create null driver
		VideoDriver = video::createNullDriver(FileSystem, CreationParams.WindowSize);
		break;

	default:
		os::Printer::log("Unable to create video driver of unknown type.", ELL_ERROR);
		break;
	}
}</span>
从这个函数就可以看出,创建VideoDriver的决定是根据CreationParams.DriverType的值来决定的,而这个值是由用户在创建Device的时候指定的,对于本教程来说该值为:EDT_DIRECT3D9。

ITexture继承树

本教程中,还是用到了另外一个比较重要的接口:ITexture。从名字中可以看出,这个接口是用于表示纹理的接口。我们同样的对该接口以及接口的继承树了解下。下面是它的继承树结构图:

Irrlicht 3D Engine 笔记系列 之 教程6- 2D Graphics_第2张图片
图2 ITexture继承树
从上图可以看出,在Irrlich引擎中创建了6种不同的纹理类型,分别为:
  • CD3D8Texture
  • CD3D9Texture
  • COpenGLTexture
  • CSoftwareTexture
  • CSoftwareTexture2
  • SDummyTexture

ITexture的用途

打开ITexture的头文件,看下它的描述:
//! Interface of a Video Driver dependent Texture.
/** An ITexture is created by an IVideoDriver by using IVideoDriver::addTexture
or IVideoDriver::getTexture. After that, the texture may only be used by this
VideoDriver. As you can imagine, textures of the DirectX and the OpenGL device
will, e.g., not be compatible. An exception is the Software device and the
NULL device, their textures are compatible. If you try to use a texture
created by one device with an other device, the device will refuse to do that
and write a warning or an error message to the output buffer.
*/
翻译出来就是:依赖于VideoDriver的纹理接口。一个ITexture对象是通过IVideoDriver接口中的addTexture或者getTexture来创建出来的。创建完毕之后,这个纹理就只能够被这个VideoDriver所使用。你可以想象出来,DirectX的纹理格式和OpenGL的纹理格式肯定是不一样的。一个特殊的情况是NULLDriver和SoftwareDriver,他们的纹理格式是兼容的。如果你将另外一个VideoDriver创建的ITexture给其他的VideoDriver使用,程序将会保存,并且给出错误信息。

从这个描述就可以明白,上面提供的纹理,实际上是和具体的VideoDriver绑定在一起的。而一个ITexture主要的就是对具体VideoDriver的Texture格式进行了封装操作而已。
关于ITexture接口中的函数内容,将在后续教程给出。

结束语

引擎的研究非一日之功,切不可急功近利,患得患失。做技术的人,要耐得住寂寞,深入到技术源头中去学习先人们伟大的智慧结晶!!!

你可能感兴趣的:(游戏,图形,3D引擎)