【翻译】广告牌技术教程:球体广告牌

本文介绍了球体广告牌技术,这是一种使3D物体始终面向摄像机的方法。文章详细解释了如何通过两次旋转操作实现这一效果,并提供了具体的实现代码。

The spherical version is a simple extension to the cylindrical case. After the object is rotated using the cylindrical approach, all that is left to do is to tilt the object until it truly faces the camera.

球体版本的广告牌是圆柱体广告牌的一个简单扩展。在使用圆柱广告牌技术将物体旋转之后,所剩下的工作就是使物体倾斜以达到真正面对照相机的效果。

The axis of rotation is the right vector. As for the angle, a cosine can be obtained by the inner product between objToCamProj and objToCam.

旋转轴是右向量。至于这个角度嘛,可以用objTocamProj向量和objToCam向量的内积来求出角度的cosine值。

As in the previous billboards a function can be defined to setup the billboard. The code is as follows:
正如先前的广告牌那样,可以定义一个函数来生成广告牌。代码如下:

 

 1 void billboardSphericalBegin(float camX, float camY, float camZ,float objPosX, float objPosY, float objPosZ) {
 2 
 3     float lookAt[3],objToCamProj[3], objToCam[3], upAux[3];
 4     float modelview[16],angleCosine;
 5 
 6     glPushMatrix();
 7 
 8 // objToCamProj is the vector in world coordinates from the 
 9 // local origin to the camera projected in the XZ plane
10     objToCamProj[0] = camX - objPosX ;
11     objToCamProj[1] = 0;
12     objToCamProj[2] = camZ - objPosZ ;
13 
14 // This is the original lookAt vector for the object 
15 // in world coordinates
16     lookAt[0] = 0;
17     lookAt[1] = 0;
18     lookAt[2] = 1;
19 
20 
21 // normalize both vectors to get the cosine directly afterwards
22     mathsNormalize(objToCamProj);
23 
24 // easy fix to determine wether the angle is negative or positive
25 // for positive angles upAux will be a vector pointing in the 
26 // positive y direction, otherwise upAux will point downwards
27 // effectively reversing the rotation.
28 
29     mathsCrossProduct(upAux,lookAt,objToCamProj);
30 
31 // compute the angle
32     angleCosine = mathsInnerProduct(lookAt,objToCamProj);
33 
34 // perform the rotation. The if statement is used for stability reasons
35 // if the lookAt and objToCamProj vectors are too close together then 
36 // |angleCosine| could be bigger than 1 due to lack of precision
37    if ((angleCosine < 0.99990) && (angleCosine > -0.9999))
38       glRotatef(acos(angleCosine)*180/3.14,upAux[0], upAux[1], upAux[2]);    
39       
40 // so far it is just like the cylindrical billboard. The code for the 
41 // second rotation comes now
42 // The second part tilts the object so that it faces the camera
43 
44 // objToCam is the vector in world coordinates from 
45 // the local origin to the camera
46     objToCam[0] = camX - objPosX;
47     objToCam[1] = camY - objPosY;
48     objToCam[2] = camZ - objPosZ;
49 
50 // Normalize to get the cosine afterwards
51     mathsNormalize(objToCam);
52 
53 // Compute the angle between objToCamProj and objToCam, 
54 //i.e. compute the required angle for the lookup vector
55 
56     angleCosine = mathsInnerProduct(objToCamProj,objToCam);
57 
58 
59 // Tilt the object. The test is done to prevent instability 
60 // when objToCam and objToCamProj have a very small
61 // angle between them
62 
63     if ((angleCosine < 0.99990) && (angleCosine > -0.9999))
64         if (objToCam[1] < 0)
65             glRotatef(acos(angleCosine)*180/3.14,1,0,0);    
66         else
67             glRotatef(acos(angleCosine)*180/3.14,-1,0,0);    
68       
69 }

 

The function billboardEnd() should be called after rendering the object as shown in the following example.

函数billboardEnd()应该在渲染完物体后被调用,正如我们再先前的那个例子中做的。

 

1 billboardCylindricalBegin(cx,cy,cz,ox,oy,oz);
2     drawObject();
3 billboardEnd();

 

 

 

 

转载于:https://www.cnblogs.com/huster-zj/archive/2013/04/13/billboar_Spherical.html

根据原作 https://pan.quark.cn/s/0ed355622f0f 的源码改编 野火IM解决方案 野火IM是专业级即时通讯和实时音视频整体解决方案,由北京野火无限网络科技有限公司维护和支持。 主要特性有:私有部署安全可靠,性能强大,功能齐全,全平台支持,开源率高,部署运维简单,二次开发友好,方便与第三方系统对接或者嵌入现有系统中。 详细情况请参考在线文档。 主要包括一下项目: 野火IM Vue Electron Demo,演示如何将野火IM的能力集成到Vue Electron项目。 前置说明 本项目所使用的是需要付费的,价格请参考费用详情 支持试用,具体请看试用说明 本项目默认只能连接到官方服务,购买或申请试用之后,替换,即可连到自行部署的服务 分支说明 :基于开发,是未来的开发重心 :基于开发,进入维护模式,不再开发新功能,鉴于已经终止支持且不再维护,建议客户升级到版本 环境依赖 mac系统 最新版本的Xcode nodejs v18.19.0 npm v10.2.3 python 2.7.x git npm install -g node-gyp@8.3.0 windows系统 nodejs v18.19.0 python 2.7.x git npm 6.14.15 npm install --global --vs2019 --production windows-build-tools 本步安装windows开发环境的安装内容较多,如果网络情况不好可能需要等较长时间,选择早上网络较好时安装是个好的选择 或参考手动安装 windows-build-tools进行安装 npm install -g node-gyp@8.3.0 linux系统 nodej...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值