GLTF
GLTF
碰碰qaq
前端GIS领域
展开
-
vue开发案例:基于Three.js搭建三维数字化场景
0、场景涉及的关键技术点GLTFLoader加载gltf模型,并解析模型动画; 基于worker-loader在vue中使用web worker; 基于web worker动态设置模型(鸟、牛)的移动路线; 基于geotiff.js与DEM生成三维地形场景; threejs中加载geojson生成ShapeGeometry; 使用BufferGeometryLoader加载风机模型,并设置风机动态转动; 基于DataTexture3D生成三维云; 基于Sprites实现树木、草地、向日葵等原创 2022-03-04 11:09:04 · 1865 阅读 · 1 评论 -
GLTF(2):使用gltf-pipeline对gltf进行压缩
1、下载cesium开发包,cmd进入cesium根目录:2、npm下载gltf-pipeline:npm install gltf-pipeline --save3、将gltf模型文件复制到gltf-pipeline根目录下:4、cmd打开命令行工具,切换至gltf-pipeline根目录下:// 将gltf转为glbnode bin/gltf-pipeline.js -i model.gltf -o model.glb// 应用Draco压缩node bin/gl原创 2022-02-22 14:53:50 · 2443 阅读 · 0 评论 -
GLTF(1):使用obj2gltf将obj模型转换为gltf
1、下载cesium开发包2、进入cesium根目录,npm下载obj2gltfnpm install -g obj2gltf3、将.obj、.mlt等文件复制到obj2gltf根目录下:4、cmd打开命令行工具,切换至obj2gltf根目录下,输入:node bin/obj2gltf.js -i model.obj -o model.gltf注意:如果模型文件过大,在上述命令后添加 --separate:node bin/obj2gltf.js -i mod.原创 2020-12-06 16:55:35 · 974 阅读 · 1 评论 -
Cesium(3):加载gltf模型后很暗的原因
1.版本cesium 1.82.12.关闭时间对于模型亮度的影响viewer.scene.light = new Cesium.DirectionalLight({ direction: new Cesium.Cartesian3(0.354925, -0.890918, -0.283358)})3.查看gltf模型文件1、gltf模型文件是可以用文本进行打开的,打开文件之后查看materials节点,以其中一个为例进行说明。{ "doubleSided" : t原创 2021-12-03 18:22:58 · 5320 阅读 · 2 评论