Arcgis 与 Claygl 可视化 glsl 特效篇（四十五）

我决定不从claygl基础来讲了 直接整合arcgis与claygl可视化来讲
关于整合clagyl 有兴趣看我这篇文章 arcgis 与 claygl 引擎结合做地图可视化

我整合一个类库 后续不断更新中

• npm i @haibalai/gismap4-claygl

 

初始化gismap4-claygl 类库， view是arcgis的sceneView对象

• import { ClayglMapManager} from "@haibalai/gismap4-claygl";
• ClayglMapManager.init(view);

 

添加特效

• import { ClayglMapManager} from "@haibalai/gismap4-claygl";
• import * as clay from "claygl";
• 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));

Arcgis 与 Claygl 可视化 glsl 特效篇（四十五） － 小专栏