Cesium模拟汽车移动(贴合3D TIles)

news/2025/1/31 12:57:51/

1.初始化

        var terrainModels = Cesium.createWorldTerrain();Cesium.Ion.defaultAccessToken = 'Token'var viewer = new Cesium.Viewer("cesiumContainer", {terrainProvider: terrainModels,animation: true,del: terrainModels[1]  ,// Select STK high-res terrain});

2.加载CZML

CZML是一种用来描述动态场景的JSON架构的语言,主要用于Cesium在浏览器中的展示,某种程度上说, Cesium 和 CZML的关系就像 Google Earth 和 KML

CZML是JSON的子集,这意味着有效的CZML文档也是有效的JSON文档。 具体来说,CZML文档包含一个JSON数组,其中数组中的每个对象文字元素都是一个CZML数据包(packet)。 CZML数据包描述了场景中单个对象(例如单个汽车)的图形属性。

Cesium提供了一个CzmlDataSource直接加载 czml数据

        var scene = viewer.scene;var clock = viewer.clock;var entity;var positionProperty;var dataSourcePromise = Cesium.CzmlDataSource.load("./SampleData/ClampToGround_ceshi.czml");
        viewer.dataSources.add(dataSourcePromise).then(function (dataSource) {entity = dataSource.entities.getById("CesiumMilkTruck"); //获取glb实体entity.orientation = new Cesium.VelocityOrientationProperty(entity.position);//设置模型朝向按照指定路线positionProperty = entity.position;});

 CMZL中的glb如图

3.加载模型

        var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({url: '自己的模型'}));viewer.zoomTo(tileset);

4.模型加载后执行 

        if (scene.clampToHeightSupported) {tileset.initialTilesLoaded.addEventListener(start);  //3D Tiles渲染完成后执行} else {window.alert("This browser does not support clampToHeight.");}function start() {clock.shouldAnimate = true;var objectsToExclude = [entity];scene.postRender.addEventListener(function () {var position = positionProperty.getValue(clock.currentTime);entity.position = scene.clampToHeight(position, objectsToExclude);});}

5.结果

 


http://www.ppmy.cn/news/356865.html

相关文章

汽车线上3d建模三维模型展示

目前,线上3D展示已经融入了人们的生活中去,其中,三维交互展示汽车3D展示经常活跃再各大汽车品牌的官网和线上汽车展会中,vr看车,3d看车,云看车,360全景看车,汽车线上展会&#xff0c…

居然可以用jQuery实现360度汽车产品3D旋转展示酷炫特效 使用你的小鼠标来试试吧

作者:极客小俊 公众号:同名 今天我们来看一个用jquery实现360度汽车产品3D旋转展示的效果,其实逻辑很简单, 就是让一堆图片转来转去就行了!😊😊 准备工作 准备一个jquery库,这里我用的是jquery-1.11.3.js 没有的朋友…

3D点云的快速分割:自动驾驶汽车应用的LiDAR处理实例

点云PCL免费知识星球,点云论文速读。 文章:Fast Segmentation of 3D Point Clouds: A Paradigm on LiDAR Data for Autonomous Vehicle Applications 作者:Dimitris Zermas , Izzat Izzat and Nikolaos Papanikolopoulos 编辑:点云…

iOS基于SceneKit的3D汽车改色

基于SceneKit的汽车改色,需要修改模型文件可以去 3D Models for Professionals :: TurboSquid自行下载,免费资源还挺多的。 先上个效果图吧: 核心代码: let path Bundle.main.path(forResource: "ks_car", ofType: &q…

unity--期末大作业--3D汽车模拟驾驶

文章目录 前言录屏一登陆注册场景二加载场景三选择场景环岛场景科目二场景 总结 前言 这个学期马上就要结束,unity要求做个项目,每到考试周,就喜欢上了黑夜。。。。。。。。。。。。。。。。 我是做了一个汽车模拟,emmmm…勉强算…

新能源汽车迎涨价潮,昂视3D视觉检测降本方案来了

近日,新能源汽车行业迎来了一波涨价热潮。刚刚过去的3月,已经有近20家新能源车企宣布旗下车型涨价(消息来源:国际金融报)。 新能源汽车分为纯电动汽车、燃料电池电动汽车、增程式电动汽车、 混合动力汽车等。 而燃料电…

衍生式设计+纤维增强3D打印对汽车零部件进行轻量化设计制造

随着新型汽车和新能源汽车的发展,人们对汽车的舒适性和安全性要求逐步提高,同时为了降低汽车能源消耗,有必要在汽车零件开发过程中实现复杂结构零部件的轻量化结构设计。近年,德国奥芬堡应用科学大学的科研人员研究了使用衍生式设…

3D机器视觉在新能源汽车动力电池行业的应用

新能源汽车作为新时代的宠儿,是全世界众多国家战略发展的重点,这也对动力电池提出了更高的要求。随之,电动汽车自燃或存在起火隐患的情况增多,据统计,2020年到目前为止已经出现将近10余起新能源汽车起火事故。为了减少…