基于Ogre1.9开发的3D场景编辑器

相信每个图形程序员都有过开发一款属于自己的3D图形引擎的想法,但现实中这个想法往往如同童年的梦想般遥不可及,因为完成这项任务需要耗费经年累月的时间精力,还需要坚实的技术积累,再者现代游戏引擎,如CryEngine、UnrealEngine等,仅靠一人的努力,只怕穷尽一生也无法实现。本人长期以来一直是图形引擎开发的爱好者,也一直从事相关工作,早在09年大学刚毕业的时候就想独立开发一套场景编辑器,但苦于时间和本身技术条件限制,直到最近才完成了这一夙愿,下面简要介绍个人独立开发的场景编辑器——“无极场景编辑器”,名字取得不好莫笑(( ̄▽ ̄))。本来想发个展示视频,但好像论坛不支持,程序的下载链接地址:[url=http://pan.baidu.com/s/1gf1EKlP][/url]
为什么选择Ogre1.9呢?首先因为Ogre是较为成熟的纯粹的开源3D图形引擎,任何人都可以在网上免费下载其源代码;其次市面上有不少游戏基于Ogre开发,较成功的产品如《天龙八部Online》、《火炬之光》等,因此存在一定的用户基础;再者相对其他引擎个人更加熟悉Ogre。Ogre官方最新版本已经到了2.1,我之前也研究过一阵子Ogre2.1,Ogre2.0以后的版本对Ogre1.x的改动非常大,核心的渲染队列、场景图、材质系统、阴影系统都发生了深刻变化,Ogre2.0以后的版本增强对新图形API(如D3D11、OpenGL3.0等)的支持,相对之前的版本整体设计更加合理,渲染效率也大大提高,可惜Ogre2.1版本还有部分功能未完善,如hlms(高级材质系统)还有很大的优化空间,PBS(Physically based shading)组件的扩展性也不足,加上Ogre2.1尚未流行,因此暂不使用。这里不想比较各个引擎的优劣,要说功能及画面效果,Unreal、Cry等无疑是行业的佼佼者,可惜这些次世代引擎对团队的要求非常高,无论是程序还是美工,目前国内能够发挥这些引擎80%以上性能的团队只怕还没有,市面上也有不少号称用Unreal开发的游戏产品,可惜大多数这些产品无论画质和游戏性都没能给玩家带来惊喜,更多的用Unreal开发的项目最后以失败告终。因此不能简单根据画面要求来选择引擎,还要根据产品自身定位,更重要的是团队的能力;再者画面效果固然对游戏宣传有极大的帮助,但也绝不是游戏的全部,耗费巨大资源来研发一款基于先进引擎的游戏,往往投入与产出不成正比。另外,如果你对图形引擎的原理有深刻的理解(当然这需要付出多年的努力,起码对于资质平凡的我来说是如此),就会发现图形引擎的整体架构都是差不多的,核心模块无非就是渲染队列、场景图、材质系统、阴影系统、组合器、骨骼动画、粒子系统等,因此选择哪款引擎并不是最关键的。
本场景编辑器仅支持Direct3D 11图形API,可能有网友要问那Direct3D 9呢?我这里给的回答可能会引发争论,但也算是为了抛砖引玉吧,如有不同意见望轻喷。因为个人认为相对D3D11,D3D9、OpenGL2.0等API根本是反人类的设计,毫不规范效率奇低,用起来极其繁琐,这些东西的存在当然有它的时代背景,但到现在实在是该被抛弃了。其实游戏公司也不必考虑那些现在还在运行着Windows XP系统的电脑,因为这些电脑本来就不是用来打游戏的。
个人在本编辑器的开发过程中严格遵循模块化设计思想,每个独立功能模块都经过“设计—编码—测试”三个阶段,这样可以尽早发现错误,将开发风险降低到最小范围,从而大大提高整体开发效率。另外,本编辑器使用多种设计模式,如观察者模式、工厂模式等。背景介绍了这么多,接下来我们正式进入正题。
首先我们来看程序界面,界面非常简洁,主要分为:菜单工具区、主面板区、属性面板区、场景渲染区、还有状态栏,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481121838_372859.png][/img]
菜单工具区主要包含文件、编辑、以及场景元素创建的相关命令,这些比较简单直白因此不作详细介绍。这里需要详细解释一下“场景元素”这个名词,我将场景中的天空盒、地形、光源、模型等对象抽象为场景元素,天空盒及地形是全局场景元素,而光源(点光源及聚光灯)、模型、水面等属于非全局场景元素,另外还有一个特殊的场景元素,命名为“全局光影”,该全局场景元素包含整个场景的全局光影效果,如全局方向光(一个场景只能有一个方向光),环境光颜色、是否启用阴影,以及延迟渲染的相关选项等。注意,对于一个场景,一类全局场景元素最多只能有一个。
主面板区域分为三个子面板,分别是场景视图、资源视图以及地形纹理面板,场景视图面板显示当前的场景树,场景树中列出所有的场景元素,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481121910_443537.png][/img]
资源视图以树的形式列出Ogre引擎内部管理的所有资源,包括模型、纹理、材质、粒子系统等,可以在资源视图中选中一个模型,然后场景渲染区内点击鼠标左键创建该模型,资源列表如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481121943_328400.png][/img]
地形纹理视图类似于Windows系统的资源管理器,上面列出当前所有用于刷地表的纹理,地形纹理是一个特别定义的资源组,资源组名必须是“Terrain”,这样资源组下面的所有纹理,都会被自动添加到地形纹理视图中,这里要特别提示,用于刷地表的纹理不要用在场景的其他物体上,比如模型上,否则可能会造成错误,因为地形在调度过程中会释放已加载而当前又不被地表使用的纹理,以免浪费显存资源。如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122016_198091.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122032_335289.png][/img]
属性面板显示当前选中的场景元素的所有属性,可以在属性面板上编辑修改场景元素的相关属性,如果修改后发现之前的值更合适,我们可以撤销当前的修改,属性面板如下图所示。既然说到撤销,我们知道任何没有“撤销-重做”功能的编辑器都是耍流氓,撤销功能可以说是编辑器里面最复杂的模块之一,而三维图形编辑软件中的撤销更是如此,因为这种类型的编辑软件涉及到太多类型的数据及状态,以及不同的输入编辑窗口,在本人工作经历中遇到过很多同行开发的编辑器,只要随便撤销几步就轻则状态紊乱功能失效,重则内存泄漏程序出错,这是源于没有良好的整体设计及模块设计。本编辑器的撤销系统经过充分测试,几乎所有编辑命令都可以撤销,撤销的步数上限为50步,这一数量可以在代码中任意设定,出于内存占用考虑,这里限定了50步。
[img=http://img.bbs.csdn.net/upload/201612/07/1481122059_431779.png][/img]
在简单介绍程序界面之后,接下来简单讨论创建一个场景。
首先创建一个全局光影,点击菜单“物体->全局光影”,或者在工具栏中点击[img=http://img.bbs.csdn.net/upload/201612/07/1481122113_190566.png][/img]按钮即可创建该元素,可以根据需要修改该元素的属性,例如修改方向光的方向向量,散射光及镜面光颜色,还可以启用阴影等,这里简单说明我所使用的阴影技术,Ogre1.x内部的阴影机制是非常简单粗暴的,也就是落后的纹理阴影投影算法,该算法首先生成阴影纹理,接着绘制场景,最后将阴影投影到场景中可接受阴影的物体上去,需要渲染三遍,毫无疑问,这是非常低效的阴影机制,而且存在近看阴影粗糙模糊的问题。我使用的是PSSM阴影算法,将视景体分为3块,为每个块分配一张阴影纹理,寻常的PSSM算法虽然能解决近看阴影质量的问题,但是无法解决低效的问题,因为需要三张阴影纹理就得渲染场景三遍,我用几何着色器的重复实例来解决这一问题,创建一个包含3张二维纹理的纹理数组,将不同的块中包含的物体的深度值输出到纹理数组中不同的子纹理,这样只需要渲染场景一遍即可得到三张阴影纹理,渲染两遍即可得到阴影效果。另外,几年前的AMD显卡可能不支持几何着色器重复实例这一技术(我个人一直对AMD显卡的驱动程序抱着怀疑的态度的),如果不支持,请不要打开阴影功能。
接下来创建天空盒,点击菜单“物体->天空盒”,或者在工具栏上点击[img=http://img.bbs.csdn.net/upload/201612/07/1481122124_459682.png][/img]按钮即可创建该元素,同样创建完后可以设置相关的属性。如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122137_317934.png][/img]
现在我们来创建地形,地形的创建分两步:点击菜单“物体->地形->新建地形”,或者点击工具栏[img=http://img.bbs.csdn.net/upload/201612/07/1481122204_828074.png][/img]的下拉菜单,即可创建地形场景元素,接着还要创建地形数据,单击菜单“物体->地形->创建数据”,弹出创建地形对话框,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122219_238340.png][/img]
在对话框中需要指定地形名称,以及地形数据的存放路径。“点间距离”参数指定了地形网格中相邻两点之间的水平距离,“最大细节”参数指定了最高的LOD层级,该参数范围为[0,7],本编辑器使用Geomipmap地形LOD算法,地形由分块组成,“最大细节”参数决定了地形分块在最大细节层级时顶点的数量,假设参数为n,则该数量为2^n + 1,“点间距离”、“最大细节”和纹理的大小共同决定了地表纹理的分辨率,我们以米作为默认长度单位,以我个人的经验,0.1米对应一个纹理像素就能达到非常好的效果,假设地形纹理的大小为256X256,则一张这样的纹理可以对应25.6米X25.6米的地表区域,默认的点间距离0.8米,最大细节为5,0.8X(2^5) = 25.6,刚好满足这一数值。
“横向范围”及“纵向范围”指定了地形的水平空间范围大小。勾选“创建随机高程”选择框可以创建随机地表,也可以根据现有的高度图来创建地形,当高度图的区域小于指定范围时,超出的部分将会置平,默认情况下将会创建一个高度为0的地形平面。如果在弹出对话框之前在地形纹理面板中选择了一张纹理,可以将该选中的纹理作为地表的底层纹理,同时,可以在对话框中设置地形的散射颜色、镜面颜色以及镜面系数。例如,按照上图的设置,我们可以轻易的创建一个简单的随机沙漠地形,效果还挺不错:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122244_721989.png][/img]
如果在地形编辑过程中发现地形范围太大或者太小,不必担心,点击菜单“物体->地形->扩裁地形”,我们可以零成本的扩大和裁剪地形数据范围。
另外需要说明,为了方便编辑地形数据,在编辑器中并不支持地形LOD,需要将场景及地形数据导出之后,使用“无极场景浏览器”载入导出的数据才能看到地形LOD效果。经过几次改版,这个地形算法可以说已经优化到了接近极致的程度,有兴趣的朋友可以自行测试,无论创建多大的地形数据(几十上百公里),在漫游浏览导出数据的时候也丝毫不会感到调度延迟。
编辑器有两种编辑模式,一种是摆放模式,另一种是地形编辑模式。在摆放模式中,可以选择场景中的物体,修改物体的属性,例如平移、旋转、缩放模型等,在地形编辑模式中可以编辑地形数据,使用工具菜单的“放置”和“地表”菜单项可以切换这两种模式,或者可以使用工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481122306_366235.png][/img]按钮来进行切换。
创建好地形数据之后,就要对地形进行编辑,本编辑器集成了地形编辑模块,首先我们编辑地形的几何表面,创建一个默认的平面地形,切换到地形编辑模式,点击菜单“工具->雕刻”,或者点击工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481122326_974444.png][/img]按钮,打开雕刻工具窗口,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122342_157169.png][/img]
用户可以选择圆形或者正方形形状工具,例如选择正方形形状之后,地表上绘制的“刷子”就变成方形,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122362_781780.png][/img]
接下来用户可以选择工具,地形雕刻一共支持6种工具,分别为:上升、下降、抓拽、平推、平滑、粗糙,例如下图演示使用上升工具“拔起”一座小山和一个金字塔:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122404_582860.png][/img][img=http://img.bbs.csdn.net/upload/201612/07/1481122414_543056.png][/img]
其他工具有兴趣的朋友可以自行测试,都非常简单,工具下面的参数这里也不做解释了,因为解释起来相当费劲,而用户只需简单使用一下就能明白其用途。
接下来我们给地形绘制纹理,点击菜单“工具->绘制”,或者点击工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481122443_433591.png][/img]按钮,打开地形绘制工具窗口,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122455_220173.png][/img]
地形绘制工具有三种形状,分别是圆形、正方形、图片画刷,圆形工具绘制圆形区域,方形工具绘制方形区域,图片画刷则根据图片的图案绘制地表。选择需要的形状,设置相关参数,在地形纹理面板中选择想要的纹理,鼠标左键单击地表即可将纹理绘制到工具所在的区域上,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122478_11472.png][/img]
当选择图片画刷时,可以选择不同的图案,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122558_820872.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122584_276614.png][/img]
下图是编辑好的山脉,以及绘制纹理之后的效果:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122612_566043.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122625_123123.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122637_860109.png][/img]
关于绘图工具的其他参数这里也不做详细说明,因为用户只需简单使用就能明白其用途,需要说明的是,一个地表块最多能混合5层纹理(混合5层纹理足以给地表提供任意多的细节了),超出5层之后,最底层的纹理将会被第一层纹理完全覆盖,从而被丢弃。另外,地形还支持bumpmap,选中一个地形块,在属性面板中设置它的法线贴图。这个地形编辑模块参考了市面上其他地形编辑软件的一些设计。
场景中除了天空、地形,还有各种各样的模型,如树木、石块、房屋等等,我们现在来介绍如何在场景中放置模型。首先将编辑模式切换到放置模式,在资源视图面板中选择想要摆放的模型,在场景渲染区中单击鼠标左键即可创建该模型,如果此时鼠标点击到地表上,则模型自动被放置到鼠标点击到的地表点上,如果平移模型之后想要模型刚好落在地表上,可以按键盘上的“PageDown”键,这样模型就被自动降低或抬升到地面上。如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122673_171490.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122694_930040.png][/img]
这时候如果我们发现模型的位置、朝向及大小都不是我们想要的,我们可以使用平移、旋转以及缩放工具来修改这些参数,这几个工具与MAYA中对应的平移、旋转及缩放工具的用法完全相同,事实上我就是照着MAYA的这几个工具来做的(AutoDesk不会来告我侵权吧^_^),也可以在属性面板中直接给这些参数赋值,我们在工具栏上点击[img=http://img.bbs.csdn.net/upload/201612/07/1481122724_20384.png][/img]按钮来打开平移工具,点击[img=http://img.bbs.csdn.net/upload/201612/07/1481122737_583641.png][/img]打开旋转工具,点击[img=http://img.bbs.csdn.net/upload/201612/07/1481122752_588438.png][/img]打开缩放工具,如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122767_309392.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122787_822665.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481122799_772379.png][/img]
当场景中一个模型摆放在不同的位置,有着不同的朝向或缩放倍数时,可以使用复制粘贴功能,也可以批量复制,批量粘贴,这样就省了一个个去创建的麻烦。
室外场景中往往存在池塘、河流、湖泊等水域,场景中添加水面可以大大增加真实感,本编辑器支持添加水面,设置水面的相关属性,点击工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481122826_497916.png][/img]按钮,然后在场景渲染区中点击地表(注意一定要有地形才能创建水面,后面会进一步说明),即可创建水面,如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122842_973119.png][/img]
水面的范围自动与地表计算交叉,例如在地表上挖了一个坑,则水面填充的范围就只在这个坑内,这样设计有很大的好处,如河流的水面只会填满河床,而不会超出河床的范围,这也是为什么必须有地形才能创建水面的原因,现在我们将水面的位置抬高,将坑填满,如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481122875_310232.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481123002_431975.png][/img]
我们还可以设置水面的相关参数,例如水面的颜色、水面的透明度,菲涅尔因数,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123061_170999.png][/img]
虽然我们可以在场景中创建多个水面,但是在同一个可见区域内,尽量不要创建超过一个水面,如果要创建多个尽量确保它们的水面高度相同,因为水面的渲染比较耗时,需要渲染反射图、折射图,如果有不同水面有不同高度,则需要渲染多个反射图,这将大大影响场景渲染效率。注意,目前我仅实现了水面效果,水下效果如扭曲、上帝光线等效果尚未实现。可能有朋友问,如果一个场景没有地形只有水呢?例如海洋,海洋表面的实现其实也差不多,而且实际上相对更简单一些,因为海洋表面不需要做交叉计算,也不需要渲染折射图,利用辐射格子拓扑结构,加上D3D11的嵌饰系统(Hull Shader、Tessellation Shader、Domain Shader),可以实现很好的海洋表面网格。另外,放置在水面下的物体,其材质需要特殊处理一下,在渲染反射图时,在像素着色器中将处于水面下的像素裁掉,地形材质我已经做了相关处理。水面的模拟可以说是3D场景中最难的效果之一了,为了实现水面效果,我甚至改动了引擎核心的渲染循环,改动渲染系统增加深度纹理的支持,当然我对Ogre引擎代码的改动也不是一处两处地方了,水面渲染还有很多技术细节,这里就不一一探讨了。
现在我们讨论创建一个使用延迟渲染机制的场景,有些场景例如室内场景、洞穴等,使用延迟渲染机制更加合适,因为这些场景往往有多个局部光源,而在多光源的场景中使用ForwardRender显然是不合适的。首先,新建一个空场景,创建“全局光影”场景元素,关闭全局阴影,打开延迟渲染,把全局方向光的散射及镜面颜色调暗,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123093_470538.png][/img]
接着我们创建一个随机地形,如下图所示:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123117_393336.png][/img]
接着创建一个点光源,一个聚光灯,点击工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481123142_201152.png][/img]及[img=http://img.bbs.csdn.net/upload/201612/07/1481123153_331399.png][/img]按钮分别创建点光源及聚光灯,创建方式与创建水面一致,设置光源的范围及衰减系数,如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123170_536234.png][/img][img=http://img.bbs.csdn.net/upload/201612/07/1481123188_284012.png][/img]
我们在聚光灯下放置一个模型,打开延迟渲染阴影(注意该选项仅对聚光灯有效),如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123212_40703.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481123233_62104.png][/img]
我们也可以查看延迟渲染中GBuffer的内容,通过切换延迟渲染模式,如下图:
[img=http://img.bbs.csdn.net/upload/201612/07/1481123257_229638.png][/img]
[img=http://img.bbs.csdn.net/upload/201612/07/1481123273_690590.png][/img]
最后在创建完场景后,可以将场景导出,点击工具栏上的[img=http://img.bbs.csdn.net/upload/201612/07/1481123300_231884.png][/img]按钮导出场景,注意如果电脑性能较慢,CPU没有空闲时间,导出进度对话框可能要过一会才能弹出来,这时候仅需将相机朝天空上看,减少场景渲染复杂度,让CPU有空闲时间,导出进度对话框就能显示出来了,导出的场景可以在“无极场景浏览器”中载入漫游浏览,导出后的场景的渲染效率将大大提高,内存占用也将大大减少。
通过上面的篇幅,我给大家简单介绍了无极场景编辑器的主要功能,本来我想做一个漂亮的场景展示给大家看,可惜奈何我只是一个程序员,而场景制作需要专业的美工才能完成,我在前面介绍中所用的美术资源,包括模型、纹理,甚至连UI图标都是在网上找的,因此自己制作场景这个想法只能落空了,多少有些遗憾。不过希望将来能有专业的美工人员用本编辑器制作出精美的场景,无论是用于制作游戏场景,或者展示规划方案,毕竟这个编辑器是可以免费使用的。如果大家在使用或测试过程中发现bug,或者有更好的改进建议,我会很高兴收到这样的反馈,因为毕竟这套编辑器从设计到编码到测试都由我自己一人完成,所以可能存在我尚未发现的问题。
场景是游戏世界的基础,一个实用高效的场景编辑器能大大提高游戏开发的效率,场景编辑器可以说是游戏产品的首要生产工具,也是游戏引擎的核心也是难点所在,如果有朋友对我的这套解决方案感兴趣,欢迎与我联系,邮箱地址:wangyiuestc2005@163.com,Mr.吴。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值