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 = `
- uniform float iTime;
- const vec2 iResolution = vec2(1.0,1.0);
- varying vec2 vUv;
- floatsdSphere(vec3 pos, float size)
- {
- return length(pos) - size;
- }
- floatsdBox(vec3 pos, vec3 size)
- {
- pos = abs(pos) - vec3(size);
- return max(max(pos.x, pos.y), pos.z);
- }
- floatsdOctahedron(vec3 p, float s)
- {
- p = abs(p);
- float m = p.x+p.y+p.z-s;
- vec3 q;
- if( 3.0*p.x < m ) q = p.xyz;
- elseif( 3.0*p.y < m ) q = p.yzx;
- elseif( 3.0*p.z < m ) q = p.zxy;
- elsereturn m*0.57735027;
- float k = clamp(0.5*(q.z-q.y+s),0.0,s);
- return length(vec3(q.x,q.y-s+k,q.z-k));
- }
- floatsdPlane(vec3 pos)
- {
- return pos.y;
- }
