Cesium 与 Babylon.js 可视化 glsl 特效篇(十二)
2023-04-18 15:00:31 时间
我决定不从Babylonjs 基础来讲了 直接整合cesium与babylonjs可视化来讲
我整合一个类库 后续不断更新中
- npm i @haibalai/cesium-babylonjs
初始化cesium -babylonjs 类库, map 是cesium 的viewer对象
- import { BabylonMapManager } from "@haibalai/cesium-babylonjs";
- BabylonMapManager.init(map);
添加特效
- import { BabylonMapManager } from "@haibalai/cesium-babylonjs";
- const fragmentShader = `
- uniform float iTime;
- const vec2 iResolution = vec2(1.0,1.0);
- varying vec2 vUv;
- floatsnoise(vec3 uv, float res)
- {
- const vec3 s = vec3(1e0, 1e2, 1e3);
- uv *= res;
- vec3 uv0 = floor(mod(uv, res))*s;
- vec3 uv1 = floor(mod(uv+vec3(1.), res))*s;
- vec3 f = fract(uv); f = f*f*(3.0-2.0*f);
- vec4 v = vec4(uv0.x+uv0.y+uv0.z, uv1.x+uv0.y+uv0.z,
- uv0.x+uv1.y+uv0.z, uv1.x+uv1.y+uv0.z);
- vec4 r = fract(sin(v*1e-1)*1e3);
- float r0 = mix(mix(r.x, r.y, f.x), mix(r.z, r.w, f.x), f.y);
- r = fract(sin((v + uv1.z - uv0.z)*1e-1)*1e3);
- float r1 = mix(mix(r.x, r.y, f.x), mix(r.z, r.w, f.x), f.y);
- return mix(r0, r1, f.z)*2.-1.;
- }
- voidmain(void) {
- vec2 p = (vUv - 0.5) * 2.0;
- p.x *= iResolution.x/iResolution.y;
相关文章
- 怎么在jupyter安装包?
- pycharm怎么设置代码自动提示
- python3处理excel文本内容代码怎么写?
- 代理IP为什么使用socks5速度会快的多呢
- php文件怎么运行
- php中Larave框架中间件是什么?
- php中如何进行数组的降序或升序?
- 怎样暂停jupyter的运行?
- pycharm怎么返回(代码跳转回退)
- 雷军称小米成为电动汽车前五才能成功、微软被曝泄露2.4TB客户敏感数据、Meta已开发出无文字语言AI翻译系统 | T资讯
- 无线系统复杂性增加,AI 成克服挑战的关键
- Meta 开源首个 AI 语音翻译系统,闽南话和英语可以直接语音互译!
- 微软宣布Power Platform将为企业用户提供AI新功能
- python UDP编程是什么意思?
- 静态分配ip和动态分配ip 的定义是什么
- pycharm怎么格式化代码
- 助力企业数字化升级,火山引擎发布云上增长解决方案
- Web 3.0世界中的嬉皮士、先知与造物主
- 五款经典代码阅读器的使用方案对比
- 思迈特软件Smartbi完成C轮融资,推动国产BI加速进入智能化时代