DEJA_VU3D - Cesium功能集之 118-雷达扫描（格网效果）

最新推荐文章于 2025-07-30 21:06:29 发布

总要学点什么

最新推荐文章于 2025-07-30 21:06:29 发布

阅读量1.1k

点赞数 14

CC 4.0 BY-SA版权

分类专栏： DEJA_VU3D - Cesium功能集（附源码）文章标签： 3d webgl 雷达扫描 vue Cesium typescript 自定义材质

本文链接：https://blog.csdn.net/qq_34205305/article/details/135521441

DEJA_VU3D - Cesium功能集（附源码）专栏收录该内容

153 篇文章 ¥99.90 ¥299.90

订阅专栏

本文介绍了使用Cesium自定义材质来稳定实现雷达扫描效果的方法，避免了PostProcessStage渲染后处理在大场景或缩放时出现的边界问题。通过关键代码`radar-grid.glsl`和相关组件如`RadarGridMaterialProperty.ts`, `CreateRadarGrid.ts`, `CreateCircle.ts`及`Remindertip.ts`，详细阐述了如何创建和添加雷达格网，并提供了完整的运行效果展示。" 109782144,7359144,微信支付全攻略：从接口调用到支付成功通知,"['微信支付', '移动支付', '接口调用', '支付安全', '二维码生成']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合，有自己琢磨实现的，也有参考其他大神后整理实现的，初步算了算现在有差不多实现小140个左右的功能，后续也会不断的追加，所以暂时打算一周2-3更的样子来更新本专栏（每篇博文都会奉上完整demo的源代码，尽可能把代码简洁一些）。博文内容如存在错误或者有可改进之处，也希望在这里和各位大佬交流提高一下。

专栏地址：DEJA_VU3D - Cesium功能集（附源码）_总要学点什么的博客-CSDN博客

更多内容/样例/demo说明：DEJA_VU3D完整功能目录

关于雷达扫描的效果，前面的文章也有写过基于Cesium着色器PostProcessStage渲染后处理的雷达扫描效果，整体渲染效果也还算不错，但是细心的朋友可能会发现，在大场景或者频繁缩放尺度的情况下，雷达范围的边界会出现断层或者锯齿的情况，这也是没办法规避和处理的情况。为了保证雷达扫描效果的稳定性，这里我们用entity自定义材质的形式来渲染实现，上一篇我们写了雷达-格网的渲染，本篇再来介绍一种雷达-格网效果。

了解本专栏