Cesium 与 Babylon.js 可视化 glsl 特效篇（四十七）

我决定不从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 =
• `
• // arxeon was here
• #ifdef GL_ES
• precision mediump float;
• #endif
• uniform float time;
• vec2 resolution = vec2(1.0,1.0);
• varying vec2 vUv;
• #define PI 3.14159265358979
• vec3 color = 0.3 * vec3(0.03125, 0.4523560209, 0.703703703);
• floatd2y(float d) {
• return 1. / (0.2 + d);
• }
• float radius = 0.4;
• floatfct(vec2 p, float r) {
• float a = 3. * mod(atan(p.y, p.x) + time, 2. * PI);
• float scan = 0. * 1.;
• return (d2y(a) + scan) * (1. - step(radius, r));
• }
• floatcircle(vec2 p, float r) {
• float d = distance(r, radius);
• return d2y(10. * d);
• }
• floatgrid(vec2 p, float y) {
• float a = 0.2;

Cesium 与 Babylon.js 可视化 glsl 特效篇（四十七） － 小专栏