我决定不从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§;
float m = p.x+p.y+p.z-s;
vec3 q;
if( 3.0p.x < m ) q = p.xyz;
elseif( 3.0p.y < m ) q = p.yzx;
elseif( 3.0p.z < m ) q = p.zxy;
elsereturn m0.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;
}
Cesium 与 Babylon.js 可视化 glsl 特效篇(二十五) - 小专栏