国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue結(jié)合Cesium加載gltf模型

這篇具有很好參考價(jià)值的文章主要介紹了vue結(jié)合Cesium加載gltf模型。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

Cesium支持什么格式?

????????Cesium支持的格式包括:3D模型格式(如COLLADA、gITF、OBJ)、影像格式(如JPEG、PNG、GeoTIFF)、地形格式(如STL、Heightmap)、矢量數(shù)據(jù)格式(如GeoJSON、KMZ)、時(shí)間動(dòng)態(tài)數(shù)據(jù)格式(如CZML),以及其他各種數(shù)據(jù)格式。此外,Cesium還通過(guò)插件支持其他特定格式。

Cesium加載Gltf模型

  const position = Cesium.Cartesian3.fromDegrees(
    91.18062333588327,
    29.64956,
    3640.0
  );
  viewer.scene.globe.depthTestAgainstTerrain = true;
  const heading = Cesium.Math.toRadians(90); //135度轉(zhuǎn)弧度
  const pitch = Cesium.Math.toRadians(0);
  const roll = 0;
  const hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll);
  const orientation = Cesium.Transforms.headingPitchRollQuaternion(
    position,
    hpr
  );
  const entity = viewer.entities.add({
    position: position,
    orientation: orientation,
    model: {
      uri: "./assets/cesium_gltf/GLTF/M_BWG.gltf", //注意entitits.add方式加載gltf文件時(shí),這里是uri,不是url,并且這種方式只能加載.glb格式的文件
      scale: 1.0, //縮放比例
      minimumPixelSize: 128, //最小像素大小,可以避免太小看不見
      maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限
      incrementallyLoadTextures: true, //加載模型后紋理是否可以繼續(xù)流入
      runAnimations: true, //是否啟動(dòng)模型中制定的gltf動(dòng)畫
      clampAnimations: true, //制定gltf動(dòng)畫是否在沒(méi)有關(guān)鍵幀的持續(xù)時(shí)間內(nèi)保持最后一個(gè)姿勢(shì)
      // shadows: Cesium.ShadowMode.ENABLED,
      heightReference: Cesium.HeightReference.NONE,
    },
  });
  viewer.trackedEntity = entity; // 聚焦模型
  viewer.flyTo(entity);

效果圖:

vue結(jié)合Cesium加載gltf模型,vue.js,前端,javascript?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-788779.html

到了這里,關(guān)于vue結(jié)合Cesium加載gltf模型的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue3結(jié)合Cesium加載傾斜攝影3dtiles

    ? ? ? ? 這篇文章主要是為了記錄加載3dtiles時(shí)模型與地形有時(shí)候存在一些高度上的差異,為此將解決方法做一個(gè)記錄,便于其他讀者使用。 ????????加載傾斜攝影3dtitle ? ????????調(diào)整傾斜攝影高度 ????????調(diào)用方式:

    2024年02月02日
    瀏覽(45)
  • Cesium結(jié)合GIS天地圖 加載傾斜攝影3dtile + vue3

    Cesium結(jié)合GIS天地圖 加載傾斜攝影3dtile + vue3

    將傾斜攝影OSGB數(shù)據(jù)轉(zhuǎn)換為3dtile(轉(zhuǎn)換方式很多,可以利用第三方工具cesiumlab) 利用Cesium加載GIS地圖,我這里使用的是天地圖,可以加載其他地圖都行 加載3dtile數(shù)據(jù)到地圖中展示 以加載天地圖為例,需要先到天地圖官網(wǎng)去申請(qǐng)開發(fā)者,獲取一個(gè)token,以下代碼直接粘貼就行,注釋

    2024年02月11日
    瀏覽(83)
  • 前端使用Cesium加載三維模型全攻略

    想象一下,地球在你眼前旋轉(zhuǎn),上面還有各種3D模型,是不是很酷?Cesium是一個(gè)超酷的庫(kù),專門用來(lái)創(chuàng)建超炫的3D地球和地圖。好,言歸正傳,今天這篇文章就分享一下前端如何使用Cesium加載三維模型。 首先,確保你已經(jīng)安裝了Cesium庫(kù)??梢詮腃esium官網(wǎng)下載最新版本的庫(kù)文件

    2024年04月17日
    瀏覽(95)
  • Vue.js2+Cesium1.103.0 十、加載 Three.js

    Vue.js2+Cesium1.103.0 十、加載 Three.js

    Demo ThreeModel.vue index.vue

    2024年02月11日
    瀏覽(22)
  • Cesium.js加載3dTiles格式傾斜攝模型影懸浮空中的解決辦法

    Cesium.js加載3dTiles格式傾斜攝模型影懸浮空中的解決辦法

    在之前的博文中,已經(jīng)講過(guò)如何在Cesium中加載3dTiles格式的傾斜攝影模型(Cesium加載3D Tiles模型)。最近發(fā)現(xiàn)一個(gè)問(wèn)題,新加載的傾斜攝影模型,都漂浮在空中,無(wú)法很好的貼合地面。分析了一些這個(gè)問(wèn)題,可能是由于以下原因造成的: 飛行器的精度 傾斜攝影的參數(shù)問(wèn)題 Ces

    2024年02月12日
    瀏覽(175)
  • Cesium 實(shí)戰(zhàn) - 使用 gltf-vscode 查看、預(yù)覽以及編輯 glTF 和 GLB 模型

    模型渲染作為 Cesium 一個(gè)非常重要的功能,目前 只支持 glTF 和 GLB 兩種格式,其實(shí)是一種格式 ,GLB 是 glTF 的二進(jìn)制形式。 在實(shí)際項(xiàng)目中,由于對(duì)模型的操作,可能會(huì)需要查看模型的屬性。之前一直使用 blender 來(lái)查看、調(diào)整以及轉(zhuǎn)換等操作。模型轉(zhuǎn)換詳見:Cesium 三維模型使用

    2024年02月11日
    瀏覽(74)
  • 前端VUE框架通過(guò)Cesium加載3dtiles,計(jì)算3dtiles的面積

    前端VUE框架通過(guò)Cesium加載3dtiles,計(jì)算3dtiles的面積完整代碼 前端開發(fā)中,使用Vue框架可以幫助開發(fā)者更高效地開發(fā)復(fù)雜的Web應(yīng)用程序,并且越來(lái)越多的項(xiàng)目開始集成三維地球數(shù)據(jù)可視化。Cesium是一個(gè)開源的JavaScript庫(kù),可以輕松地實(shí)現(xiàn)地球數(shù)據(jù)的可視化,同時(shí)支持3D場(chǎng)景的繪制

    2024年02月08日
    瀏覽(91)
  • 數(shù)據(jù)處理(4):4種方式使用3Dmax模型數(shù)據(jù)轉(zhuǎn)cesium Gltf模型

    數(shù)據(jù)處理(4):4種方式使用3Dmax模型數(shù)據(jù)轉(zhuǎn)cesium Gltf模型

    方式一: COLLADAMaxNew插件 轉(zhuǎn)換 下載鏈接: https://www.aliyundrive.com/s/xLXfLggCh9k 提取碼: fs72 環(huán)境準(zhǔn)備,需先安裝max插件COLLADAMaxNew.dle,這是一個(gè)導(dǎo)出插件,可以將模型導(dǎo)出0penCOLLADA(*.DAE)格式文件 將下載得COLLADAMaxNew.dle插件放置3Dmax安裝目錄Plugins下即可,隨后重啟3Dmax即可。 也可以

    2024年02月15日
    瀏覽(17)
  • 【瑞模網(wǎng)】Cesium 模型轉(zhuǎn)換(obj max fbx轉(zhuǎn)gltf/3dtiles)

    【瑞模網(wǎng)】Cesium 模型轉(zhuǎn)換(obj max fbx轉(zhuǎn)gltf/3dtiles)

    這三種都是3dmax支持的格式,可以統(tǒng)一將.fbx和.max轉(zhuǎn)化為.obj格式,然后通過(guò)obj2gltf轉(zhuǎn)為glb或者gltf,其中g(shù)ltf是比glb的模型要大一點(diǎn);或者通過(guò)ceisumlab等工具將.obj處理成3dtiles,當(dāng)然3dtiles是用于大場(chǎng)景居多。 .obj .max .fbx類型的模型轉(zhuǎn)換為gltf/glb,使用obj2gltf 以下舉例講述下.max的處

    2024年02月11日
    瀏覽(83)
  • Three.js開發(fā)神器-結(jié)合3DTiles插件加載傾斜攝影模型

    Three.js開發(fā)神器-結(jié)合3DTiles插件加載傾斜攝影模型

    首先我們通過(guò)鏈接和圖片來(lái)看看效果 演示Demo鏈接地址:https://n3gis.github.io/exportToThree(3.0).html?scene=Demo_4 使用到的軟件(軟件大家到Unity商城上搜索,Unity商城地址:https://assetstore.unity.com) Unity3D 3DTiles(Unity3D插件,用于加載OSGB格式的傾斜攝影數(shù)據(jù)) Export To Three.js(Unity3D插件,

    2023年04月20日
    瀏覽(112)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包