[关闭]
@xiaojian233 2016-08-21T16:08:13.000000Z 字数 3513 阅读 1827

基于OpenGL 的3D 模型渲染程序

项目展示

这个项目是编写一个3D 的模型渲染程序，然后在程序里面看效果。
模型文件是obj 格式的，可以在3DMAX 和Maya 中导出这种格式。

除了渲染外，还可以定义动作链。

这个什么意思呢？

就是说，我想要让模型动起来，比如，汽车开动。

汽车开动的时候，车身需要位移，同时，车轮还要自转。

这一整个过程，我称之为动作链。

彼时还没有学《游戏引擎架构分析》，并不懂得如何用更好的数据结构去组织。

最后我使用了线性表的数据结构。这是个坑。现在看来，当年的选择实在太愚蠢了。

不过好歹，还是实现了想要的功能。

项目的设计

在构思这个项目的时候，需要回答几个问题：

一个好的设计应该是数据和代码分离的。上面的几个问题都属于数据，那最好的方法，就是把它们分离出来，不和程序相关。
这个时候，我就想到了脚本。

或者说，叫配置文件更恰当吧。

下面为了统一起见，模块名为脚本系统。

脚本系统

程序默认读入一个配置文件，在里面定义了各种各样的参数，然后程序解释，输出。

主要定义的数据，如下。

纹理定义

首先定义了纹理。
纹理主要为它分配了纹理ID 和 纹理图像的路径。

示例如下：

  1. texture 黑色质感
  2. {
  3.     name: "tex/黑色质感.bmp"
  4. }
  5. texture 车身纹理
  6. {
  7.     name: "tex/车身纹理-24.bmp"
  8. }
  9. texture cover
  10. {
  11.     name: "Obj/伞部件obj/cover.bmp"
  12. }

texture 指定这是个纹理，后面跟着的是纹理的ID，name 制定的纹理的路径。

材质系数定义

材质系数的作用是根据Phong 着色模型定义的，主要是RGB 三个分量的影响。

Phong 着色模型这里就不讨论了。

  1. material 车身
  2. {
  3.     ambient:(0.5, 0.5, 0.5, 1.0)
  4.     diffuse:(1.0, 1.0, 1.0, 1.0)
  5.     specular:(1.0, 1.0, 1.0, 1.0)
  6.     shininess: 100.0
  7. }

模型定义

模型的定义由obj 指定
其中texId 就是指上面定义的纹理ID。
matID 就是指上面定义的材质系数ID。

  2. //---------------------------------------车站
  3. obj 车站_logo
  4. {
  5.     name: "Obj/Station/车站_logo.obj"
  6.     texId: 绿色纹理
  7.     matId: 车身
  8. }
  9. //---------------------------------------公交车
  10. obj 车身
  11. {
  12.     name: "Obj/busV2/车身.obj"
  13.     texId: 车身纹理
  14.     matId: 车身
  15. }

项目中车站的建模如下：
http://qpic.cn/OgiPfW8Ub

*注：并没有纹理

动作链定义

动作链的定义分为两部分。
首先定义了动作单元(actionunit), 主要是定义各种刚体的运动，如平移，旋转等。

动作单元还可以互相组合。

语法是：

ID + 动作关键字 + 参数

  1. actionunit
  2. {
  3.     车前进 Translate: ( 0.000672837, -0.00179407 , 1.18088 ) true
  4.     车后退 Translate: ( -0.000672837, 0.00179407 , -1.18088 ) true
  5.     前左前转 Rotate: ( 21.972, -2.243, 49.37, 1 ) ( 5.257, 0, 0 ) 5
  6.     前右前转 Rotate: ( -47.378, -2.206, 49.329, 1 ) ( 5.232, 0, 0 ) 5
  7.     后左前转 Rotate: ( 22.337, -2.243, -83.627, 1 ) ( 5.244, 0.0369999, -0.0419998 ) 5
  8.     后右前转 Rotate: ( -47.38, -2.099, -84.061, 1 ) ( 5.257, 0, 0 ) 5
  9.     前左后转 Rotate: ( 21.972, -2.243, 49.37, 1 ) ( -5.257, 0, 0 ) 5
  10.     前右后转 Rotate: ( -47.378, -2.206, 49.329, 1 ) ( -5.232, 0, 0 ) 5
  11.     后左后转 Rotate: ( 22.337, -2.243, -83.627, 1 ) ( -5.244, -0.0369999, 0.0419998 ) 5
  12.     后右后转 Rotate: ( -47.38, -2.099, -84.061, 1 ) ( -5.257, 0, 0 ) 5
  14.     右转弯 Rotate:( -50.389, 64.974, -38.018, 1 ) (0, -1, 0) 5 true
  15.     左转弯 Rotate:( 33.768, 64.974, -38.018, 1) (0, 1 , 0) 5 true
  17.     _turn右转弯平移 Translate: ( 0.000672837, -0.00179407 , 1.18088 ) 
  18.     //_turn右转弯旋转 Rotate:
  19.     _turn车前进旋转 Rotate:(0, 0, 0, 1) (0, -1, 0) 5
  20.     _turn车前进旋转左 Rotate:(0, 0, 0, 1) (0, 1, 0) 5
  22.     Turn右 Turn: 车前进 _turn车前进旋转
  23.     Turn右转弯平移 Turn: 右转弯 _turn右转弯平移
  25.     Turn左 Turn: 车前进 _turn车前进旋转左
  26.     Turn左转弯平移 Turn: 左转弯 _turn右转弯平移
  29.     //------------------------可以旋转的雨伞
  30.     雨伞顺时针 Rotate:( -141.874, -3.344, -355.445, 1 ) ( -46.064, -46.909, 0.367981 ) 5
  31.     雨伞中心 Rotate: (-151.241, -10.379, -355.515, 1.0) (0, 1, 0) 5 true
  33.     雨伞逆时针 Rotate:( -141.874, -3.344, -355.445, 1 ) ( 46.064, 46.909, -0.367981 ) 5
  34.     雨伞逆中心 Rotate: (-151.241, -10.379, -355.515, 1.0) (0, -1, 0) 5 true
  35. }

定义完动作单元后，就可以定义动作了。

action 指定这是个动作链，后面是模型ID，指定这个动作链绑定到哪个模型上。

跟着的是一个启动的动作单元ID（如车前进）和触发键（如t）。
然后大括号下跟着触发的动作单元，由模型ID 和动作单元ID 指定。

公交车的动作链定义如下：

  1. action 车身
  2. {
  3.     车前进 t
  4.     {
  5.         玻璃面 车前进
  6.         倒后镜 车前进
  7.         前挡风玻璃 车前进
  8.         轮胎前左 车前进
  9.         轮胎前右 车前进
  10.         轮胎后左 车前进
  11.         轮胎后右 车前进
  12.         车毂前左 车前进
  13.         车毂前右 车前进
  14.         车毂后左 车前进
  15.         车毂后右 车前进
  17.         车毂前左 前左前转
  18.         轮胎前左 前左前转   
  20.         车毂前右 前右前转
  21.         轮胎前右 前右前转
  23.         车毂后左 后左前转
  24.         轮胎后左 后左前转
  25.         车毂后右 后右前转
  26.         轮胎后右 后右前转
  27.         车身 Turn右转弯平移
  28.         车身 Turn左转弯平移
  29.     }
  30.     车后退 T
  31.     {
  32.         玻璃面 车后退
  33.         倒后镜 车后退
  34.         前挡风玻璃 车后退
  35.         轮胎前左 车后退
  36.         轮胎前右 车后退
  37.         轮胎后左 车后退
  38.         轮胎后右 车后退
  39.         车毂前左 车后退
  40.         车毂前右 车后退
  41.         车毂后左 车后退
  42.         车毂后右 车后退
  44.         车毂前左 前左后转
  45.         轮胎前左 前左后转       
  47.         车毂前右 前右后转
  48.         轮胎前右 前右后转
  50.         车毂后左 后左后转
  51.         轮胎后左 后左后转
  53.         车毂后右 后右后转
  54.         轮胎后右 后右后转
  55.     }
  56.     右转弯 r
  57.     {
  58.         车身 Turn右
  59.         玻璃面 右转弯
  60.         倒后镜 右转弯
  61.         前挡风玻璃 右转弯
  62.         轮胎前左 右转弯
  63.         轮胎前右 右转弯
  64.         轮胎后左 右转弯
  65.         轮胎后右 右转弯
  66.         车毂前左 右转弯
  67.         车毂前右 右转弯
  68.         车毂后左 右转弯
  69.         车毂后右 右转弯
  71.         车身 车前进
  72.         玻璃面 车前进
  73.         倒后镜 车前进
  74.         前挡风玻璃 车前进
  75.         轮胎前左 车前进
  76.         轮胎前右 车前进
  77.         轮胎后左 车前进
  78.         轮胎后右 车前进
  79.         车毂前左 车前进
  80.         车毂前右 车前进
  81.         车毂后左 车前进
  82.         车毂后右 车前进
  84.         车毂前左 前左前转
  85.         轮胎前左 前左前转           
  86.         车毂前右 前右前转
  87.         轮胎前右 前右前转
  89.         车毂后左 后左前转
  90.         轮胎后左 后左前转
  91.         车毂后右 后右前转
  92.         轮胎后右 后右前转
  94.         车身 Turn右转弯平移
  95.     }
  96.     左转弯 l
  97.     {
  98.         车身 Turn左
  99.         玻璃面 左转弯
  100.         倒后镜 左转弯
  101.         前挡风玻璃 左转弯
  102.         轮胎前左 左转弯
  103.         轮胎前右 左转弯
  104.         轮胎后左 左转弯
  105.         轮胎后右 左转弯
  106.         车毂前左 左转弯
  107.         车毂前右 左转弯
  108.         车毂后左 左转弯
  109.         车毂后右 左转弯
  111.         车身 车前进
  112.         玻璃面 车前进
  113.         倒后镜 车前进
  114.         前挡风玻璃 车前进
  115.         轮胎前左 车前进
  116.         轮胎前右 车前进
  117.         轮胎后左 车前进
  118.         轮胎后右 车前进
  119.         车毂前左 车前进
  120.         车毂前右 车前进
  121.         车毂后左 车前进
  122.         车毂后右 车前进
  124.         车毂前左 前左前转
  125.         轮胎前左 前左前转           
  126.         车毂前右 前右前转
  127.         轮胎前右 前右前转
  129.         车毂后左 后左前转
  130.         轮胎后左 后左前转
  131.         车毂后右 后右前转
  132.         轮胎后右 后右前转
  133.         车身 Turn左转弯平移
  134.     }
  135. }

公交车的模型如下：

//TODO

而动起来的公交车如下：
//TODO

//TODO

注释相关

注释支持 //, 上面也有看到了。

光着色模型与Shader 实现

光的着色模型使用了经典的Phong 着色模型。
基于OpenGL 去实现，Shader 使用了GLSL。

顶点着色器如下：

片元着色器如下：

后话

如今看来，这个项目实在是稚嫩。

晦涩难懂的脚本设置，不够直观，没能做到所见即所得的效果。

但是每一次写代码都能够给自己带来进步，每次都会反思自己在项目中的表现。

期待自己更好吧~

END，感谢阅读。

Email : li.xiaojian233@qq.com

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注