Cesium
文章平均质量分 55
一梦、んんん
静静的研究技术。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cesium实时数据的雷达包络图渲染
本文介绍了基于雷达包络数据的三维可视化实现方法。通过将包含方位角、高度和距离的数据点转换为三维坐标,构建线框几何体和动态扫描效果。核心内容包括:1)将极坐标数据转换为笛卡尔坐标;2)使用LINES图元生成网格线框;3)通过着色器实现动态扫描效果,包括扫描扇区计算和颜色过渡处理;4)提供了变形效果的实现方案,将绘制方式改为POINTS并调整着色器。该方法在Cesium框架下实现,适用于雷达数据的可视化展示。原创 2025-12-19 21:45:00 · 213 阅读 · 0 评论 -
cesium FBO(四)自定义相机渲染到Canvas(离屏渲染)
本文介绍了在Cesium中将自定义相机画面渲染到Canvas或纹理的方法。通过创建FBO(帧缓冲对象)和自定义相机,替换场景默认相机进行渲染后再恢复原相机。关键步骤包括:1)创建自定义相机并设置视锥体参数;2)将场景默认相机替换为自定义相机进行渲染;3)将渲染结果输出到FBO或Canvas。文章还展示了灰度处理等效果实现,并提供了完整的相机创建和渲染流程代码。该方法基于此前文章的基础原理,适用于需要多视角渲染或特殊效果处理的场景。原创 2025-08-01 22:00:00 · 490 阅读 · 0 评论 -
cesium FBO(三)渲染到Canvas(灰度图效果)
本文介绍了基于Cesium FBO实现图像灰度处理的完整流程。在掌握FBO渲染到纹理和Canvas的基础上,重点讲解了灰度处理的核心步骤:1)创建临时存储空间;2)垂直翻转图像数据;3)通过RGB加权计算灰度值(0.299R+0.587G+0.114B);4)缩放并绘制到目标Canvas。代码展示了从FBO提取图像数据、灰度转换到最终渲染的全过程,该方法同样适用于实现高斯模糊、红外效果等其他图像处理效果。原创 2025-08-01 21:00:00 · 448 阅读 · 0 评论 -
cesium FBO(二)渲染到Canvas
本文介绍了将Cesium场景渲染到Canvas的实现方法:1)创建Canvas元素;2)建立帧缓冲对象(FBO)保存渲染数据;3)通过修改视口和渲染状态将场景渲染到FBO;4)从FBO读取像素数据并处理后绘制到Canvas。该方法支持图像翻转、缩放等处理,并能实现多Canvas渲染、网络传输、预渲染存储等功能,为三维场景的灵活应用提供了技术基础。原创 2025-07-31 23:00:00 · 660 阅读 · 3 评论 -
cesium FBO(一)渲染到纹理(RTT)
本文介绍了WebGL中帧缓存区对象(FBO)的原理与实现。FBO可用于将渲染数据输出到纹理而非默认颜色缓存区,实现离屏渲染和纹理复用效果。文章首先分析了常规WebGL渲染流程,然后详细阐述了FBO的创建、切换和渲染过程,包括颜色/深度/模板关联对象的设置。在Cesium实现部分,重点解析了Framebuffer.js对WebGL FBO的高级封装,展示了如何通过构造函数完成FBO配置。最后给出了渲染到纹理的四个关键步骤:创建几何体、建立FBO、执行渲染、将FBO数据作为纹理赋值,并以矩形几何体为例演示了实际原创 2025-07-31 22:45:00 · 1243 阅读 · 0 评论 -
Cesium 创建两个经纬度点的动态连接线
本文介绍了在Cesium中创建两个经纬度点连线并实现动态扫描效果的实现方法。首先通过Cesium.Cartesian3.fromDegrees()方法将经纬度转换为三维坐标,计算两点间距离。然后定义了顶点着色器和片元着色器,其中片元着色器利用时间变量u_time实现扫描线动画效果,通过计算当前点与扫描线的距离来控制颜色透明度。最后通过GeometryInstance和Primitive创建几何图形实例,并添加自定义着色器的外观对象,实现两点间的动态连线效果。该方法适用于三维地理可视化场景中的动态路径展示。原创 2025-07-24 18:55:40 · 342 阅读 · 0 评论 -
Cesium开启海洋水效果
《Cesium实现海洋效果新方法》摘要:最新版Cesium 1.101提供了原生海洋效果实现方案,通过创建全球矩形并应用Water材质,参数化调节波浪频率(10000)、动画速度(0.01)、振幅(5)等特性。使用specularMap区分陆海边界,搭配normalMap生成水纹,但需注意默认资源像素较粗糙,高要求项目需二次加工。相比旧版UE5插件需缓存在线数据的方案,该原生实现更便捷,代码简洁,仅需30行核心逻辑即可构建动态海洋场景。(149字)原创 2025-07-09 19:00:16 · 456 阅读 · 0 评论 -
Cesium实现半球扫描效果
摘要:本文介绍了基于Cesium 1.98版本实现的雷达扫描特效类开发。通过创建填充的半圆几何体和自定义着色器,实现了动态扫描效果。关键步骤包括:1)使用球面坐标生成半圆顶点数据;2)编写顶点和片段着色器实现扫描动画;3)通过时间变量控制扫描线旋转。该方案采用PrimitiveCollection组合方式,支持半径调整和颜色自定义,扫描区域采用黄色高亮显示并伴有透明度渐变效果。开发者需注意版本兼容性和性能优化问题。原创 2025-06-24 19:01:17 · 396 阅读 · 0 评论 -
Ceisum 动态着色器03_漫水方式扫描
Cesium利用定点着色器和片元着色器实现动态效果,适当的更改可应用到自己的项目。一、效果展现二、代码实现三、工程资源下载。原创 2024-01-28 11:58:41 · 177 阅读 · 0 评论 -
Cesium 动态着色器02_扩散波纹效果
Cesium利用定点着色器和片元着色器实现动态效果,适当的更改可应用到自己的项目。一、效果展现二、代码实现。原创 2024-01-28 11:51:27 · 224 阅读 · 0 评论 -
Cesium 动态着色器shader01_流水线效果
利用定点着色器和片元着色器实现动态效果,适当的更改可应用到自己的项目。一、效果展现二、代码实现(全部)三、代码工程下载。原创 2024-01-28 11:41:54 · 222 阅读 · 0 评论
分享