自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

三维网格

贵州三维网格信息技术有限公司

  • 博客(10)
  • 收藏
  • 关注

原创 Cesium 高性能扩展之 DrawCommand(四):阴影和实例化

DrawCommand 是 Cesium 渲染器的核心类,常用的接口 Entity、Primitive、Cesium3DTileSet,以及地形和影像的渲染等等,底层都是一个个 DrawCommand 完成的。在进行扩展开发、视觉特效提升、性能优化、渲染到纹理(RTT),甚至基于 Cesium 封装自己的开发框架,定义独家数据格式等等,都需要开发人员对 DrawCommand 熟练掌握。而这部分接口,Cesium 官方文档没有公开,网上的相关资料也比较少,学习起来比较困难,所以接下来我们用几期文章,由浅入深

2022-02-23 10:28:38 3052 2

原创 Cesium 高性能扩展之DrawCommand(三):显隐和点选

DrawCommand 是 Cesium 渲染器的核心类,常用的接口 Entity、Primitive、Cesium3DTileSet,以及地形和影像的渲染等等,底层都是一个个 DrawCommand 完成的。在进行扩展开发、视觉特效提升、性能优化、渲染到纹理(RTT),甚至基于 Cesium 封装自己的开发框架,定义独家数据格式等等,都需要开发人员对 DrawCommand 熟练掌握。而这部分接口,Cesium 官方文档没有公开,网上的相关资料也比较少,学习起来比较困难,所以接下来我们用几期文章,由浅入深

2022-01-19 11:07:04 2611 2

原创 cesium 按需加载实体(entity)

cesium 按需加载实体(entity)我们在使用cesium时,常常会有需要加载中国各地区名称的需求,然而cesium中能够添加的entity的数量是有上限的,当加载到一定数量时就会出现卡顿甚至是浏览器崩溃的情况,这时候就需要按需加载我们的实体类,接下来就给大家介绍一种按需加载的方式,在鼠标移动结束后根据当前地图层级判断是否显示或者删除实体entity1、创建一个地球// 默认看向中国Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.

2022-01-17 10:06:23 4435

原创 Cesium 高性能扩展之DrawCommand(一):入门

DrawCommand 是 Cesium 渲染器的核心类,常用的接口 Entity、Primitive、Cesium3DTileSet,以及地形和影像的渲染等等,底层都是一个个 DrawCommand 完成的。在进行扩展开发、视觉特效提升、性能优化、渲染到纹理(RTT),甚至基于 Cesium 封装自己的开发框架,定义独家数据格式等等,都需要开发人员对 DrawCommand 熟练掌握。而这部分接口,Cesium 官方文档没有公开,网上的相关资料也比较少,学习起来比较困难,所以接下来我们用几期文章,由浅入深

2022-01-06 10:50:25 3535 2

原创 Cesium+Three.js体验:优化BIM模型展示效果

前面我们介绍了5个Cesium和Three.js结合的方案(《Cesium和Three.js结合的5个方案》),其中深度融合方案实现难度大,今天我们通过一次BIM模型展示效果调优过程,来窥探一下这个方案的具体优势。1、实现过程BIM模型格式:ifc;显示和调优工具:基于Cesium+Three.js实现的模型编辑工具。代码量:0行。1.1、导入模型点击【文件】->【导入本地模型】,然后选择ifc格式模型,完成模型导入;在模型属性面板中调整模型位置。可以看出,模型比较平面,不够立

2021-12-28 10:00:25 3553 1

原创 THREEJS OrbitControls核心功能解读

OrbitControls是THREEJS中最常用的一个控制器,可以帮助我们实现以目标为焦点的旋转缩放,同时平移相机观察场景的操作,看上去是物体在进行变换,实际上所有的变化都是相机的相对位置在发生改变。今天就给大家讲解该空间实现的核心源码以及实现原理。

2021-12-20 09:39:29 5952 5

原创 npm本地仓库搭建教程

npm是随同node.js一起绑定安装的包管理工具,其他比较知名的包管理工具有bower,yarn等。

2021-12-13 09:42:47 14546 1

原创 Cesium和Three.js结合的5个方案

Cesium和Three.js结合的5个方案PK,哪个胜出?CesiumJS是一个开源、免费的三维地图开发框架,Three.js是一个也开源、免费的3D渲染框架,两者都是基于WebGL技术、使用JavaScript开发的Web前端三维可视化框架,在国内外应用非常广泛。本篇我们来聊聊Cesium+Three.js的几种方案,结合实际应用效果来分析各个方案的优点和缺点,以便项目中快速做出技术路线和方案选择。1、Cesium和Three.js简单对比Cesium可视化内容以地理空间数据为主,如卫星影像、地形

2021-12-07 11:29:57 10513 3

原创 Cesium矢量地图插件CesiumVectorTile 发布新版本

Cesium矢量地图插件CesiumVectorTile 发布新版本一周前CesiumVectorTile 1.2.1版本就已经更新到npm里了,本次更新主要解决Cesium最新版本适配问题。CesiumVectorTile简介CesiumVectorTile是一个在Web前端二、三维地图框架上直接加载、显示矢量地图数据的开源插件,在三维地图上可以实现严格贴地。这个插件是由贵州三维网格信息技术有限公司创始人在2017年创建的,2018年正式开源,现在由公司伙伴一起维护。支持的地图框架:Leaf

2021-09-16 18:35:19 3525 6

原创 Cesium实现UnrealBloom泛光效果

泛光(Bloom)是一种常用的后期处理特效,游戏中更是随处可见,这里直接上我们的效果图。图1.UnrealBloom泛光效果Cesium内置的bloom后期处理,是对全屏进行处理,还不能只针对选中的特定对象添加泛光效果,通过修改shader代码也可以实现。不过今天我们不做改进,而是引进three.js的UnrealBloomPass,在Cesium中实现一个新的泛光效果。从UnrealBloomPass这个名字看,大概是说从Unreal Engine那里学来的吧,另外也是在名称上区别于辉..

2021-09-15 21:33:06 3844 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除