cesium glb/gltf模型节点高亮

gis_rc

已于 2023-04-21 17:21:57 修改

阅读量1.5k

点赞数

分类专栏： cesium 文章标签：前端

于 2022-09-20 11:59:36 首次发布

本文链接：https://blog.csdn.net/weixin_44265800/article/details/126950524

版权

cesium 专栏收录该内容

6 篇文章 4 订阅

订阅专栏

model.pickIds[0].object.mesh.materials[0].setValue('baseColorFactor', new Cesium.Cartesian4(1.0, 0.0, 0.0, 1.0));

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gis_rc

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
cesium glb/gltf模型节点高亮

cesium glb gltf 模型节点颜色修改高亮
复制链接

扫一扫

专栏目录

cesium 光锥（发光锥体图元效果）

God's asylum的博客

05-05

263

图形分为四个实体来解决分级别为圆锥、圆锥外围移动小点点、底部发光圆框、底部旋转虚线，分别采用图元加载方法进行加载，修改其中的材质就可以个出现效果了。底部旋转虚线和圆锥外围发光点采用canvas来进行编写。

cesium 模型大全 glb 和 gltf 格式

12-25

适应与cesium 开发爱好者；包含汽车，交通，建筑等等几百个模型实例；目前展示一个直升机出来，还想要其余的VX 18850582951

1 条评论您还未登录，请先登录后发表或查看评论

Cesium gltf模型添加发亮效果（视频）

地理信息技术杂谈博客，欢迎技术交流

03-25

2126

https://mp.weixin.qq.com/s/AbogfhrLy41gUKgjhOLNfw

cesium实用功能-选中gltf、glb拖动修改位置，bim没试

weixin_39216318的博客

01-10

2061

function createModel() { let leftDownFlag = false; let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); var params = { tx: 94.94663004042711, //模型中心X轴坐标(经度，单位：十进制度) ty: 29.74529725388329,//模型中心Y轴坐标(纬度，单位：十进制度) ...

79.（cesium之家）cesium动态纹理-颜色

GIS之家家长

05-23

274

听老人家说：多看美女会长寿 cesium之家总目录（订阅之前建议先查看该博客）文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。效果如下所示：下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel

cesium对模型进行光着色实现

weixin_42496466的博客

02-09

2074

一、cesium中光类型方向光和太阳光二、光的着色渲染代码实现三、实现效果太阳光不同着色效果方向光的着色如果对您有帮助感谢支持技术分享，请扫码点赞支持：技术合作交流qq:2401315930 ...

cesium实现点击查看属性并高亮显示

biabia579的博客

09-05

1357

cesium实现点击查看属性并高亮显示

Cesium中glb模型颜色暗淡解决

qq_60794435的博客

12-28

952

导出成glb模型后，由gltf-pipeline把glb模型转码成gltf文件（因为glb不可文本编辑），把gltf文件用文本打开，修改metallicFactor属性为0，即可解决模型暗沉的问题。3dmax导出fbx，此fbx文件导入blender中，再由blender导出成glb模型，该glb模型放入cesium中贴图颜色颜色暗沉无光，试了各种办法（泛光、时差、多光源、唯一光）均无效。发现，转格式过程中不知道哪一环出错，会导致模型材质一个叫metallicFactor的属性格式化，变成最暗的1。

【Cesium】调整3dtiles模型的光照

ximi2231的博客

10-14

4711

在网上查了一些代码，Cesium的光照效果的设置是通过webgl修改白膜的材质来实现的，由于巷道本身有贴图材质，用该方法实现的效果不好。最近有个项目需要把掘进车放到巷道里面，加载出来的效果一片漆黑，看不清模型细节。由于Cesium中材质没有自发光的设置，所以只能设置光源。设置光照角度跟随摄像机视角，并实时刷新光照角度。

Cesium实现建筑物泛光特效，使用自定义shader实现源码

04-26

很多Cesium的特效都是非常绚丽的，最近看到的是蓝色的炫光特效，非常的好看，研究了一下原来是通过自定义shader实现的，具体的可执行源码，直接在Cesium官方的沙盒里就能看到效果，需要的拿去吧，如果有问题可以私信我。

Cesium,加载面geojson, 鼠标点选高亮显示面边界

10-17

Cesium-1.35下测试通过，加载面geojson，点击选择面并高亮显示面边界，完成面积计算，欢迎下载使用

模型查询结果高亮显示

12-14

通过查询接口查询由二维矢量面拉伸的模型，再将结果在场景中高亮显示。

高光高亮模型边缘 HighlightingSystem

06-18

高光高亮模型发光..........边缘发光................

Cesium粒子特效喷泉特效代码及模型.zip

08-08

基于webgl开发的粒子特效,喷泉效果,包括喷泉的gltf模型,粒子图片以及完整vue组件代码

水库模型glb/gltf格式

01-05

可以做水库，水利场景、智慧水利、数字孪生、三维模型、精模、cesium、webgis

60.（cesium篇）cesium叠加3D模型（glb模型,gltf模型）.zip

11-29

glTF模型可以通过`Cesium.GltfLoader`，而glb模型则通过`Cesium.GlbLoader`加载。 ```javascript // 对于glTF模型 Cesium.GltfLoader.load({ url: 'path_to_your_model.gltf' }).then(function(model) { viewer....

37.（cesium篇）cesium加载gltf模型（贴地）.zip

06-08

该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“37.（cesium篇）cesium加载gltf模型（贴地）”。如下载有问题，可联系博主。解压密码：cesium

cesium操作gltf模型中的子对象

weixin_35756130的博客

01-03

827

Cesium是一个开源的虚拟地球浏览器，它可以加载和显示三维几何模型，例如glTF模型。 glTF模型是由一组节点和几何体组成的，每个节点都有一个变换矩阵，用于在三维空间中定位几何体。因此，如果要操作gltf模型中的子对象，可以通过操作节点的变换矩阵来实现。 Cesium提供了一个JavaScript API，可以用来操作glTF模型。例如，可以使用model.nodeTransformati...

cesium中的gltf模型在cesium中走起来

最新发布

03-30

在Cesium中，GLTF（Graphics Language Transmission Format）是一种用于表示3D模型和场景的开放标准格式。GLTF模型可以在Cesium中进行加载和展示，并且可以通过一些技术实现模型的动画效果。要在Cesium中展示GLTF模型并使其动起来，可以按照以下步骤进行操作： 1. 加载GLTF模型：使用Cesium的`Viewer`对象的`scene`属性来获取场景对象，然后使用场景对象的`primitives`属性来添加GLTF模型。可以使用`Cesium.Model.fromGltf`方法加载GLTF模型文件，并将其添加到场景中。 2. 设置模型位置和缩放：通过设置模型的`position`属性来指定模型的位置，可以使用`Cesium.Cartesian3.fromDegrees`方法将经纬度转换为场景中的坐标。还可以使用模型的`scale`属性来调整模型的大小。 3. 添加动画效果：如果GLTF模型包含动画效果，可以使用Cesium的`ModelAnimationCollection`对象来管理和播放动画。可以通过调用模型的`readyPromise`属性来等待模型加载完成，然后获取模型的动画集合，并使用`start`方法开始播放动画。下面是一个示例代码，展示了如何在Cesium中加载并播放GLTF模型： ```javascript // 创建Cesium Viewer对象 var viewer = new Cesium.Viewer('cesiumContainer'); // 加载GLTF模型 var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(longitude, latitude, height) ); var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({ url: 'path/to/model.gltf', modelMatrix: modelMatrix, scale: 1.0 })); // 等待模型加载完成 model.readyPromise.then(function(model) { // 获取模型的动画集合 var animations = model.animations; if (Cesium.defined(animations) && animations.length > 0) { // 播放第一个动画 var animation = animations[0]; var animationClip = model.activeAnimations.add(animation, 0.0); animationClip.start(); } }); ```

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交