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

最新推荐文章于 2024-05-23 10:31:05 发布

haibalai2009

最新推荐文章于 2024-05-23 10:31:05 发布

阅读量137

点赞数 1

文章标签： babylonjs cesium

本文链接：https://blog.csdn.net/haibalai2009/article/details/129516962

版权

我决定不从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 =
`
#ifdef GL_ES
precision mediump float;
#endif
// glslsandbox uniforms
uniform float time;
vec2 resolution = vec2(1.0,1.0);
varying vec2 vUv;
// shadertoy emulation
#define iTime time
#define iResolution resolution
floatnoise(vec3 p) //Thx to Las^Mercury
{
vec3 i = floor§;
vec4 a = dot(i, vec3(1., 57., 21.)) + vec4(0., 57., 21., 78.);
vec3 f = cos((p-i)acos(-1.))(-.5)+.5;
a = mix(sin(cos(a)a),sin(cos(1.+a)(1.+a)), f.x);
a.xy = mix(a.xz, a.yw, f.y);
return mix(a.x, a.y, f.z);
https://xiaozhuanlan.com/topic/