Billboard(广告牌)实现的逐步推导，扫盲！

Devil

文章出自:http://www.azure.com.cn
如有转载请注明出处。

原文连接：
http://www.azure.com.cn/article.asp?id=269

广告牌并不是什么令人心动的技术，但我敢说是最实用的技术，
在粒子系统和场景优化方面，起着重要的作用。

下面我用最明了的公式和步骤解释实现的整个过程，
希望对初学者有帮助。

1、获得当前的模型视图矩阵

1. 
   
2. GLfloat viewMatrix[16];
   
3. glGetFloatv(GL_MODELVIEW_MATRIX, viewMatrix);
   

复制代码

2、转置此矩阵就会找到up和right向量
[ m0    m1    m2    m3 ]
[ m4    m5    m6    m7 ]
[ m8    m9    m10  m11]
[ m12  m13  m14  m15]
转置为
[ m0    m4    m8    m12 ]
[ m1    m5    m9    m13 ]
[ m2    m6    m10  m14 ]
[ m3    m7    m11  m15 ]

3、从矩阵中抽取相应的向上和向右矢量（红色部分）

1. 
   
2. vec3 right(viewMatrix[0], viewMatrix[4], viewMatrix[8]);
   
3. vec3 up(viewMatrix[1], viewMatrix[5], viewMatrix[9]);
   

复制代码

4、计算新的坐标

1. 
   
2. newPoint = centerPoint + up * heightScale + right * widthScale;
   

复制代码

对于位于中心点的左边的角点，其widthscale值取负，而对于位于中心点
下方的角点，其heightScale应为负值。

5、绘制一个Billboard Quad

1. 
   
2. //左下角
   
3. glTexCoord2f(0.0, 1.0); glVertex3fv(point + (right + up) * -size).v);
   
4. //右下角
   
5. glTexCoord2f(1.0, 0.0); glVertex3fv(point + (right - up) * size).v);
   
6. //右上角
   
7. glTexCoord2f(1.0, 1.0); glVertex3fv(point + (right + up) * size).v);
   
8. //左上角
   
9. glTexCoord2f(0.0, 1.0); glVertex3fv(point + (right - up) * -size).v);
   

复制代码

另外对于y轴向的Billboard, 我们只用使它的up vector 等于(0, 1, 0), 就可以了！！

www.azure.com.cn

rhett

把你的教程整理一下,出个合集吧,叫 "Azure教你学3D"
hehe

tonykee

不用那么麻烦，用视图矩阵的逆矩阵改变_41,_42_43到(px,py,pz)就可以了，几行代码就搞定了

tonykee

绕点的公告牌其实很EASY, Y轴公告牌相反还麻烦点。

ricohcanon

支持一下，本菜以为广告牌是最基本最常用的技术了，不可不学。 [em5]

bmrz

是ＧＬ的哦

lingjingqiu

支持扫盲帖。。。

King_jinjing

…………

最简单的方法就是弄一个观察矩阵的逆矩阵让最初面对摄影机的一直面对摄影机不就完结了。

千里马肝

更简单的方法就是在glsl里不去乘View矩阵就好了

King_jinjing

千里马肝: Re:Billboard(广告牌)实现的逐步推导，扫盲！

更简单的方法就是在glsl里不去乘View矩阵就好了

这招不错，学到了。