cesium--添加模型

前言

模型有很多种,一般我们用3dMax自己做了模型,在cesium中添加需要转换成glb的格式,而且沙盒例子中也是如此举例.我们看看模型的选项及属性.

api翻译

ModelGraphics

基于gltf的三维模型,WebGL、OpenGL ES和OpenGL的运行时资产格式。模型的位置和方向由包含实体确定。cesium包括对GLTF几何、材质、动画和蒙皮的支持。目前不支持摄像头和灯。

名称作用
uri模型的路径地址
show是否显示模型
scale缩放比例
minimumPixelSize指定模型的近似最小像素大小(不考虑缩放)的数值属性
maximumScale模型的最大比例大小。最小像素化的上限
incrementallyLoadTextures确定加载模型后纹理是否可以继续流入
runAnimations指定是否应启动模型中指定的GLTF动画
clampAnimations指定GLTF动画是否应在没有关键帧的情况下保持最后一个姿势
nodeTransformations一个对象,其中键是节点的名称,值是translationrotationscale属性,描述要应用于该节点的转换。转换将在GLTF中指定的节点的现有转换之后应用,并且不会替换节点的现有转换
shadows阴影
heightReference相对高度
distanceDisplayCondition指定此模型将显示在与相机的距离
silhouetteColor轮廓颜色的属性
silhouetteSize轮廓大小的属性
color模型颜色
colorBlendMode颜色与模型的混合方式,比如高亮,常用的有HIGHLIGHT,MIX,REPALCE
colorBlendAmount混合的程度,必须在colorBlendMode为MIX时才有效
clippingPlanes选择性地禁用呈现模型
imageBasedLightingFactor指定基于漫反射和镜面反射图像的照明的贡献的属性
lightColor指定在为模型着色时使用的灯光颜色的属性。未定义时将使用默认的日光颜色

代码

var position = Cesium.Cartesian3.fromDegrees(113.03, 23.42, 2);
        var heading = Cesium.Math.toRadians(135);
        var pitch = 0;
        var roll = 0;
        var hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll);
        var orientation = Cesium.Transforms.headingPitchRollQuaternion(position, hpr);
        var entity = viewer.entities.add({
            name: "plane",
            position: position,
            //orientation: orientation,
            model: {
                uri: "./modle/air/Cesium_Air.glb",
                minimumPixelSize: 128,//最小的模型像素
                maximumScale: 20000,//最大的模型像素
                runAnimations:true,//是否显示动画
                clampAnimations:true,//是否保持最后一针的动画
                //color:Cesium.Color.RED,//颜色
                color:Cesium.Color.fromAlpha(Cesium.Color.RED, parseFloat(1.0)),//包含透明度的颜色
                colorBlendMode:Cesium.ColorBlendMode['MIX'],//常用的有三个HIGHLIGHT,REPLACE,MIX
                colorBlendAmount:0.1//这个属性必须是MIX混合属性才能生效,见colorBlendMode
            }
        });
        //设置摄像头定位到模型处
        viewer.trackedEntity = entity;

效果预览

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论
### 回答1: cesium-examples-master 是一个 Cesium 的示例项目。Cesium 是一个开源的3D地球可视化引擎,能够在Web上以浏览器为平台展示地球相关的数据和图形。cesium-examples-master 包含了一系列基于 Cesium 引擎的示例代码和样例数据,供开发人员学习和参考。 这个项目提供了丰富的示例,涵盖了各种场景和功能,如地形渲染、卫星图像展示、空中飞行效果、地球热力图、数据可视化等。每个示例都提供了完整的源代码和相关资源,开发人员可以直接运行和修改,快速了解 Cesium 的使用方式和功能特性。 cesium-examples-master 的目的是帮助开发人员加快上手 Cesium,提供具体的示例代码和实现思路,同时也是一个社区贡献的项目,任何人都可以向其中添加自己的示例代码。这对于想要共享自己的 Cesium 开发经验,或者想要通过Cesium实现自己的创意项目的开发者们来说都是很有帮助的。 总之,cesium-examples-master 是一个集合了Cesium引擎的示例代码和样例数据的项目,通过这个项目,开发人员可以学习和参考Cesium的使用方式和功能特性,同时也可以贡献自己的示例代码,为Cesium社区贡献自己的力量。 ### 回答2: cesium-examples-master是一个开源的Cesium.js示例库。Cesium.js是一个基于WebGL的开源JavaScript库,用于创建3D地球和地理信息可视化应用程序。 cesium-examples-master库中包含了大量的示例代码,用于演示如何使用Cesium.js库进行地球和地理数据可视化。这些示例涵盖了各种应用场景,包括地球浏览、地理数据可视化、飞行模拟、地球时间轴等等。 这个示例库非常有用,特别是对于那些想要利用Cesium.js构建自己的3D地球和地理信息应用程序的开发人员来说。通过学习和理解这些示例代码,开发人员可以快速上手并加快应用程序的开发速度。 此外,cesium-examples-master还可以作为一个学习资源,供初学者学习Cesium.js库的使用。通过运行和修改这些示例代码,初学者可以逐步掌握Cesium.js的各种功能和技术知识。 总之,cesium-examples-master是一个非常有用的示例库,可以帮助开发人员和初学者更好地了解和应用Cesium.js库。无论是开发3D地球和地理信息应用程序,还是学习Cesium.js库的使用,这个示例库都是一个很好的资源。如果你对Cesium.js感兴趣,不妨去查看cesium-examples-master库并尝试运行其中的示例代码。 ### 回答3: cesium-examples-master是一个Cesium的示例代码库。Cesium是一个开源的地球可视化库,用于在Web浏览器中创建交互式三维地球和地球数据的应用程序。cesium-examples-master提供了许多不同类型的示例,展示了使用Cesium创建各种地球可视化应用的能力。这些示例包括地球模型的加载、地形数据的展示、地图投影的转换、地球上的点、线和面的创建等等。通过这些示例,开发者可以学习如何使用Cesium的API来构建自己的地球可视化项目,并根据自己的需求进行修改和扩展。cesium-examples-master的代码注释详细,对于刚开始学习Cesium的开发者来说是一个很好的参考工具。在cesium-examples-master中,开发者可以找到各种应用场景的示例代码,例如飞行模拟、地球上的图层切换、轨迹的绘制和动态效果等等。总之,cesium-examples-master对于想要学习和探索Cesium地球可视化库的开发者来说是一个非常有用的资源。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值