cesium 學(xué)習(xí)(七) HeadingPitchRoll

一、前言

　　對(duì)于模型旋轉(zhuǎn)變換、相機(jī)視角變換以及方向變換的處理操作，也就是改變heading、pitch、roll這三個(gè)的值。這三個(gè)值代表什么意思呢？接下來(lái)就專門介紹一下Cesium的HeadingPitchRoll。

二、HeadingPitchRoll

　　HeadingPitchRoll其實(shí)也就是歐拉（Euler）角：

　　

　　機(jī)體坐標(biāo)系與地面坐標(biāo)系的關(guān)系是三個(gè)Euler角：yaw，pitch，roll，反應(yīng)了飛機(jī)相對(duì)地面的姿態(tài)。也就是說(shuō)Yaw對(duì)應(yīng)的是Heading。（個(gè)人認(rèn)為Cesium用作Heading來(lái)表示是非常好的，Heading頭朝向，更形象理解這個(gè)角）

2.1 Heading值

　　偏航角ψ（Heading）的值，是控制機(jī)體頭的朝向位置，這個(gè)角的改變，也就是左右方向的改變。

2.2 Pitch值

　　俯仰角的值，從上圖來(lái)看是控制機(jī)體上下方向的改變，值為正是順時(shí)針旋轉(zhuǎn)；為負(fù)則相反。當(dāng)然，這個(gè)是根據(jù)坐標(biāo)軸來(lái)旋轉(zhuǎn)的，要是進(jìn)行了翻滾就不一定是上下旋轉(zhuǎn)了；如果還將頭朝向的方向看作前方，其實(shí)還是可以看作上下旋轉(zhuǎn)的。

2.3 Roll值

　　翻滾角，想象一下側(cè)空翻，你就是那個(gè)側(cè)空翻的人，假如你的頭始終朝著前方看，然后進(jìn)行側(cè)空翻，翻滾完成也就是旋轉(zhuǎn)了360度。

三、HeadingPitchRange

　　從HeadingPitchRange的名字就可以看出和HeadingPitchRoll是類似的，沒(méi)錯(cuò)他們的Headiing值、Pitch值所代表的意思是一樣的，不一樣的就是Range值。

3.1 Range值

　　Range值所代表的是一個(gè)半徑值，在cesium(五)那篇文章的加載動(dòng)畫模型已經(jīng)用過(guò)了，如下：

　　

　　其實(shí)也就是鎖定了相機(jī)距離目標(biāo)的距離，這個(gè)在視角跟隨中常用，跟隨的時(shí)候這個(gè)半徑值也是可變的。

四、模型旋轉(zhuǎn)變換

　　介紹了基礎(chǔ)知識(shí)，然后可以應(yīng)用一下，做了一個(gè)簡(jiǎn)單頁(yè)面，控制模型的三個(gè)方向的旋轉(zhuǎn)。

　　核心代碼如下：

 1 this.updateRotation = function (options) {
 2     if (!Cesium.defined(model)) return;
 3     var options = options ? options : {};
 4     //三軸旋轉(zhuǎn)
 5     var xAxis = options.xAxis ? angletoradian(options.xAxis) : 0;
 6     var yAxis = options.yAxis ? angletoradian(options.yAxis) : 0;
 7     var zAxis = options.zAxis ? angletoradian(options.zAxis) : 0;
 8 
 9     hpRoll.heading = zAxis;
10     hpRoll.roll = xAxis;
11     hpRoll.pitch = yAxis;
12     model.rotation = hpRoll;
13     postionVector = Cesium.Cartesian3.multiplyByScalar(Cesium.Cartesian3.UNIT_X, 0, new Cesium.Cartesian3());
14     position = Cesium.Matrix4.multiplyByPoint(model.modelMatrix, postionVector, position);
15     Cesium.Transforms.headingPitchRollToFixedFrame(position, hpRoll, Cesium.Ellipsoid.WGS84, fixedFrameTransform, model.modelMatrix);
16 };

　　效果圖：

　

五、總結(jié)

　　雖然沒(méi)有將HeadingPitchRoll的例子放上來(lái)，但其實(shí)使用時(shí)不難的。

　　在空間變化中特別是三維空間，歐拉角的應(yīng)用是非常廣泛的，這里只是使用了Cesium.Transforms.headingPitchRollToFixedFrame來(lái)實(shí)現(xiàn)模型的旋轉(zhuǎn)變換，其實(shí)還有位置移動(dòng)、縮放比例等的變換，還可以增加顏色的改變，這里就不再多說(shuō)了，慢慢來(lái)。

總結(jié)

以上是生活随笔為你收集整理的cesium 学习(七) HeadingPitchRoll的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。