Cesium 展示——静态水添加动态波纹，模拟真实水面效果

已于 2024-09-09 10:30:41 修改
阅读量346 收藏
点赞数 15
分类专栏： Cesium 文章标签： webgl ue5 数据可视化
于 2024-09-09 09:55:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53810245/article/details/141957766
版权
Cesium 专栏收录该内容
118 篇文章 57 订阅 ¥59.90 ¥99.00
订阅专栏
了解本专栏 订阅专栏 解锁全文
博客zhu虎康
关注
  • 15
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
62.（cesium篇）cesium水面波纹（动态水面）
GIS之家家长
04-08 1294
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
cesium水面波纹（动态水面）（cesium篇.62）
地图之家
12-03 2849
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
cesium实现动态圆效果之——波纹圆
专注GIS开发
03-09 5564
cesium实现动态圆效果之波纹圆
cesium实现动态圆效果之——波纹雷达
专注GIS开发
03-17 4068
cesium实现动态圆效果之波纹雷达
cesium-添加水面动态贴图效果
孙霸天的专栏
01-21 3447
cesium-添加水面动态贴图效果 介绍 真实的水面是动态的，这里可以使用primitives方法来实现效果 核心代码 /** * * @param {*} targetHeight 目标高度 * @param {*} areaCoor 范围坐标 */ drawWater(targetHeight, areaCoor) {
Cesium 实战 06 - 自定义标绘多边形实现水面效果
linzi19900517的博客
01-03 1531
Cesium 实战 - 自定义标绘多边形实现水面效果。
cesium实现动态流动水面效果
热门推荐
专注GIS开发
03-29 1万+
cesium实现动态流动水面效果
分享：Cesium添加水面效果
地理信息技术杂谈 博客，欢迎技术交流
11-04 3460
Cesium中内置了水面效果的shader，通过添加图元（Primitive），能够在Cesium的地图上实现水面流动的效果，借助互联网上搜索、并进行了修改。 下载了一块水系的geojson数据，因为按照代码，需要根据polygon的坐标进行勾画。 关键实现代码： //_polygonArr 为polygon的坐标 let waterPrimitive = new Cesium.Primitive({ allowPicking: false,
cesium实现水波纹扩散效果
专注GIS开发
01-19 7060
cesium实现水波纹扩散
Cesium+Shader：波纹效果
席木木的博客
12-02 864
Cesium+Shader：面向Primitive，自定义Material，实现波纹效果，附实现源码。
Cesium 展示-静态水添加动态波纹，模拟真实水面效果
09-09
Cesium 展示——静态水添加动态波纹，模拟真实水面效果的资料
62.（cesium篇）cesium水面波纹（动态水面）.zip
06-13
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“62.（cesium篇）cesium水面波纹（动态水面）”。如下载有问题，可联系博主。 解压密码：cesium
解密！抖音百万粉丝博主三维地图视频都用到了什么GIS数据和技术
Mapmost的博客
08-12 1446
（1）影像数据影像数据，通常指的是通过各种遥感技术，如卫星、无人机或地面传感器等设备捕捉到的图像信息。这类数据涵盖了从可见光到红外、微波等多个电磁波谱段，能够用于多样的应用领域：1）地图制图与地理信息系统 (GIS)：高分辨率卫星影像常用于更新地形图、制作数字高程模型(DEM)，以及土地覆盖和土地利用分类。2）农业监测：通过分析不同波段的影像数据，可以评估作物生长状况、病虫害预警及灌溉需求，助力精准农业。3）城市规划与管理：监测城市扩张、土地变化、交通流量及环境质量，为城市可持续发展提供数据支持。
UE5 对象池
最新发布
hi
09-10 325
再进入人物蓝图里，创建一个BulletPool函数，函数里的代码如下，这里设置一个数组，把生成的子弹存进去，判断是否是回收状态，第一次发射子弹的时候就生成子弹。对象池的具体代码就是这些，如果有其它需求，也可以把代码写在游戏实例里，这样切换关卡也还在。这里用子弹来举例，我这里对象池写的比较简单，但很有用，对性能优化有很大的帮助。这里只要关注这个SetBullet事件就行了，其它的对本章节的没什么关系。再创建子弹蓝图，这里把子弹放在关卡很远的地方。
ue5 伤害插件
hi
09-07 342
两个枚举中的参数名称，E_DamageResponse区分是各个伤害后的反应，比如不同伤害造成的动画或粒子特效等的不同，E_DamageType是伤害类型，有各种伤害类型，比如近距离伤害和爆炸伤害。之后在敌人蓝图添加接口和插件，再把接口中的函数照上面的主角蓝图写一下就行了，至此就完成了正常的攻击伤害逻辑，这个接口还有很多功能，在所创建的变量中也能看出来。三个事件分发器是为了后续可以在玩家或敌人蓝图中编写死亡，阻挡，被攻击的反应 代码，因为这几部分在敌人和主角中都不太一样，所以后续在人物蓝图中再编写。
UE5 半透明阴影 快速解决方案
qqQQqsadfj的博客
09-08 337
将半透明材质给到模型后，设置光照的Shadow Resolution Scale，越大，阴影的效果越好。
UE5滚轮实现第一和第三视角的切换
qq_54441756的博客
09-10 517
在`SwitchCamera`事件图表中，根据`bIsFirstPerson`的值切换两个摄像机的状态，并反转`bIsFirstPerson`的值。- 在`Event BeginPlay`节点中设置`bIsFirstPerson`为`true`，并启用第一人称摄像机，禁用第三人称摄像机。在项目的`输入`设置中，添加一个新的动作映射`SwitchPerspective`，并将其绑定到鼠标滚轮的上下滚动。- 在`Event BeginPlay`中初始化`bIsFirstPerson`为`true`。
2024年9月9日--9月15日(freex源码抄写+ue5肉鸽视频一节调节）
coder
09-10 162
现在以工作为中心，其他可以不做强制要求。周一到周四，每天500行freex源码抄写，周六日每天1000行。每周3000行，每天完成该完成的即可，18：50–spacescenemanager.cpp抄写。
cesium js 添加水波纹效果
05-15
在Cesium JS中，添加水波纹效果可以通过使用shader来实现。一种实现方式是使用叫做“水面波纹”的shader片段，这将在三维地球上显示一个水面波纹效果。以下是一些基本的步骤和代码示例： 1.首先，需要为水面波纹效果创建一个材质(Material)实例。 ```javascript var waveMaterial = new Cesium.Material({ fabric: { uniforms: { time: 0 }, source: ` uniform float time; varying vec2 v_texcoord; void main() { vec2 uv = v_texcoord.xy; float x = mod(uv.x + time, 1.0); float y = mod(uv.y + time, 1.0); float mov0 = x * (1.0 - x); float mov1 = y * (1.0 - y); float mov2 = (1.-x) * (y); vec2 mov = vec2(mov0, mov1 * mov2); vec4 texColor = texture2D(image, vec2(mov.x*.1+uv.x, mov.y*.1+uv.y)); texColor = texColor * vec4(.2, .2, .5, 1.0); gl_FragColor = texColor; } ` } }); ``` 2.接下来，需要使用材质将它应用于一个实体(Entity)或表面。这可以通过将材质传递给实体的材质属性或表面属性来完成。 ```javascript var waveEntity = viewer.entities.add({ name: 'Wave', position: Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0), cylinder: { length: 100000, topRadius: 1000, bottomRadius: 1000, material: waveMaterial } }); ``` 3.最后，在render loop中更新材质中的时间属性来更新水面波纹的动画效果。 ```javascript viewer.scene.preRender.addEventListener(function(scene, time) { waveMaterial.uniforms.time = time * 0.001; }); ``` 使用这些步骤，您就可以在Cesium JS中添加水波纹效果了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

博客zhu虎康

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

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

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

打赏作者

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

抵扣说明：

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

余额充值