1. 程式人生 > >Cesium (四) 3D模型

Cesium (四) 3D模型

3D模型

我們可以轉換、載入並且在Cesium中使用3D模型。Cesium支援glTF(一個新興的Web 3D模型工業標準)格式的3D模型,並且提供線上的 COLLADA - glTF轉換工具。Cesium針對3D模型支援關鍵幀動畫、面板、單獨節點選取等特性。

Cesium自帶了三個模型:飛機、車輛、人。下面的例子載入一個車輛模型:

var scene = viewer.scene;
//建立座標
var coord = Cesium.Cartesian3.fromDegrees( -75.62898254394531, 40.02804946899414, 0.0 );
//建立一個東(X,紅色)北(Y,綠色)上(Z,藍色)的本地座標系統
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( coord );
// 改變3D模型的模型矩陣,可以用於移動物體
// 物體的世界座標 = 物體的模型座標 * 世界矩陣
var model = scene.primitives.add( Cesium.Model.fromGltf( {//非同步的載入模型
    url : '../../SampleData/models/CesiumGround/Cesium_Ground.gltf',
    modelMatrix : modelMatrix, //模型矩陣
    scale : 200.0 //縮放
} ) );
Cesium自帶的3個模型已經內嵌了動畫關鍵楨,如果需要播放動畫,可以在呼叫Model.fromGltf後新增以下程式碼:
Cesium.when( model.readyPromise ).then( function( model )
{
    model.activeAnimations.addAll( {//播放模型中全部動畫,如果需要播放單個動畫,可以呼叫add,傳入動畫id
        loop : Cesium.ModelAnimationLoop.REPEAT, //直到被移出activeAnimations,一直播放
         speedup : 0.5,  //加速播放
         reverse : true  //逆序播放
    } );
} );

動畫與Cesium的時鐘系統同步化。

與其它Primitive一樣,對3D模型的選取也是被支援的,當前點選的glTF node id、glTF mess一併被獲取:

var handler = new Cesium.ScreenSpaceEventHandler( scene.canvas );
handler.setInputAction( function( movement )
{
    var pick = scene.pick( movement.endPosition );
    if ( Cesium.defined( pick ) && Cesium.defined( pick.node ) && Cesium.defined( pick.mesh ) )
    {
        console.log( 'node: ' + pick.node.name + '. mesh: ' + pick.mesh.name );
    }
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE );



相關推薦

Cesium () 3D模型

3D模型 我們可以轉換、載入並且在Cesium中使用3D模型。Cesium支援glTF(一個新興的Web 3D模型工業標準)格式的3D模型,並且提供線上的 COLLADA - glTF轉換工具。Cesium針對3D模型支援關鍵幀動畫、面板、單獨節點選取等特性。 Ces

Cesium3D 模型

轉:https://blog.csdn.net/UmGsoil/article/details/74572877 Cesium支援3D模型,包括關鍵幀動畫,面板的改變還有單個節點的選擇等,Cesium還提供了了一個基於網路的工具,將COLLADA模型轉換為glTF,方便和優化模型新增 還記得

cesium導入3D模型(obj轉gltf)

出現 移動 mark 簡單 批處理 -s default 發現 pri cesium中支持載入3D模型,不過只支持gltf格式。gltf是khronos組織(起草OpenGL標準的那家)定義的一種交換格式,用於互聯網或移動設備上展現3d內容,充分支持opengl,webgl

Cesium.js 載入3D模型

一、Cesuimjs介紹Cesiunjs是一套GIS行業中進行地圖渲染的js庫,該庫使用的WebGL進行地圖渲染。並且結合HTML5進行相應,從而實現3D中渲染地圖。本篇文章則介紹如何將字尾名為max的檔案載入到Cesiumjs中去。二、載入過程因為cesium只支援GLTF

使用Cesium.js載入3D模型

最近專案中用到室外三維模型與室內三維地圖互動,室外三維模型的載入我們採用了cesium js來實現,在使用的過程中遇到了許多的問題,閒暇之餘將其實現及遇到的問題記錄下來,以備將來再用到時少走彎路。 一、開發環境準備 1、下載cesium js cesiu

Cesium學習筆記(九):匯入3D模型(obj轉gltf)

在用cesium的過程中難免需要匯入別人做好的3D模型,這時候就需要將這些模型轉成gltf格式了 當然,官方也給了我們一個網頁版的轉換器,但是畢竟是網頁版的,效率極其低下,檔案還不能太大,所以我們就需要一個格式轉換器了 現在只支援obj和dae轉gltf

NGUI研究之3D模型坐標轉2D屏幕坐標-血條

uic bject blank orm 組成 自己 index lan rac ?? 剛好今天有朋友問我,比較典型的樣例就是遊戲裏面人物的血條。原理非常easy就是把3D點換算成2D的點。可是因為NGUI自身是3D所以我們須要先把NGUI下的點轉成2D點。然後在把他轉成

3D模型瀏覽器的實現思路

想是 ... logs 三維 開發 技術 無向圖 需要 結構 前段時間正好瀏覽了數據結構中關於圖的部分,突然就意識到一個問題,3D模型就是用無向圖來存儲的。仔細想一想是不是這樣呢? 一個3D模型去掉材質之後剩下的部分就是點以及點和點之間的連線了,點我們用三維坐標表示即可,假

3D模型的建立還有這樣的方法,厲害!

ref aar tex 啟動 http png 激活 eval 方法 化學中,要想了解某個分子結構的特征,建立它的3D模型是非常有幫助的,可以清楚地看出每個分子的分布和構成,那麽有什麽化學軟件可以建立3D模型呢?下面就一起來學習具體的方法。 ChemOffice是專業的化學

洛谷—— P1187 3D模型

100% times pic 個數字 oid 文件的 tdi 測試數據 log https://www.luogu.org/problem/show?pid=1187 題目描述 一座城市建立在規則的n×m網格上,並且網格均由1×1正方形構成。在每

OSI七層協議模型、TCP/IP模型學習筆記

osi tcpip 1. OSI七層和TCP/IP四層的關系1.1 OSI引入了服務、接口、協議、分層的概念,TCP/IP借鑒了OSI的這些概念建立TCP/IP模型。1.2 OSI先有模型,後有協議,先有標準,後進行實踐;而TCP/IP則相反,先有協議和應用再提出了模型,且是參照的OSI模型。1.3

OSI七層網絡模型與TCP/IP模型介紹

電子郵件 傳輸控制協議 toc upload ear 最大 中斷 管理數據 con OSI七層網絡模型與TCP/IP四層模型介紹 [TOC] 1.OSI七層網絡模型介紹   OSI(Open System Interconnection,開放系統互連)七層網絡模型稱為開放式

Luogu P1187 3D模型

esp 技術 必須 names 3d模型 輸入輸出格式 建築 cdn 明顯 題目描述 一座城市建立在規則的n×m網格上,並且網格均由1×1正方形構成。在每個網格上都可以有一個建築,建築由若幹個1×1×1的立方體搭建而成(也就

TCP/IP模型和OSI七層模型的概念

無法 名詞 開放 frame 網絡技術 同軸電纜 bit sdl 物理地址 TCP/IP四層模型 TCP/IP是一組協議的代名詞,它還包括許多協議,組成了TCP/IP協議簇。TCP/IP協議簇分為四層,IP位於協議簇的第二層(對應OSI的第三層),TCP位於協議簇的第三層

unity下3d模型的透明處理

HA sha 點擊 col 其他 改變 ade diff unit 1.若只是改變模型的透明度:點擊模型,在Inspector中可以看到很多模型的屬性。找到要改變透明度的地方,更改shader渲染的方式選中Transparent(透明度)的diffuse,之後調節Main

C語言的內存模型和函數調用模型

堆區 函數傳遞 字符串 賦值 上進 自動 比較 代碼區 靜態區 首先是操作系統將代碼程序加載到內存中 然後將內存分為4個區 棧區,程序的局部變量區,函數傳遞的參數,由編譯器自動進行內存資源的釋放。 堆區,動態內存申請,如果不手動釋放內存,則這塊內存不會進行析構。 全局區,靜

Altium制作DC002的PCB封裝和3D模型

模型 類型 可能 通過 分享 lib .cn 等等 理發 Altium制作DC002的PCB封裝和3D模型 常用的電源連接器(Dc Power Jack Connector)DC002、DC005等等型號的3D模型在網上很難找到合適的,我們可以選擇CUI 公司生產的電源連

轉載:TCP/IP模型

除了 端口號 情況 動態 字節 src 轉載 負責 大量 轉載:TCP/IP四層模型 一. TCP/IP參考模型示意圖     ISO制定的OSI參考模型的過於龐大、復雜招致了許多批評。與此對照,由技術人員自己開發的TCP/IP協議棧獲得了更為廣泛的應用。如圖2-1

c理解提高(3)程式的記憶體模型和函式呼叫模型

程式的記憶體四區模型 記憶體四區的建立流程 流程說明 1、作業系統把物理硬碟程式碼load到記憶體 2、作業系統把c程式碼分成四個區 3、作業系統找到main函式入口執行   各區元素分析 函式呼叫模型 基本原理

OpenGL ES 載入3D模型

前面繪製的矩形、立方體確實確實讓人看煩了,並且實際生活中的物體是非常複雜的,我們不可能像前面哪樣指定頂點來繪製,因此本篇部落格就說明通過OpenGL ES載入一個3D模型。這樣複雜物體的設計工作就可以交給專業的設計師來做了,進行3D建模的工具比如3dmax、maya等。 設計師通過這些軟