首页 > 其他分享 >Arcgis 与 Claygl 可视化 glsl 特效篇(三)

Arcgis 与 Claygl 可视化 glsl 特效篇(三)

时间:2023-04-18 09:35:07浏览次数:50  
标签:glsl claygl float hash33 Claygl Arcgis gismap4 vec3 dot

我决定不从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 = `
  • constfloat PI = 3.14159265359;
  • uniform float iTime;
  • const vec2 iResolution = vec2(1.0,1.0);
  • varying vec2 vUv;
  • vec3 firePalette(float i){
  • float T = 1400. + 1300.*i;
  • vec3 L = vec3(7.4, 5.6, 4.4);
  • L = pow(L,vec3(5)) * (exp(1.43876719683e5/(T*L)) - 1.);
  • return 1. - exp(-5e8/L);
  • }
  • vec3 hash33(vec3 p){
  • float n = sin(dot(p, vec3(7, 157, 113)));
  • return fract(vec3(2097152, 262144, 32768)*n);
  • }
  • floatvoronoi(vec3 p){
  • vec3 b, r, g = floor(p);
  • p = fract(p);
  • float d = 1.;
  • for(int j = -1; j <= 1; j++) {
  • for(int i = -1; i <= 1; i++) {
  • b = vec3(i, j, -1);
  • r = b - p + hash33(g+b);
  • d = min(d, dot(r,r));
  • b.z = 0.0;
  • r = b - p + hash33(g+b);
  • d = min(d, dot(r,r));
  • b.z = 1.;
  • r = b - p + hash33(g+b);
  • d = min(d, dot(r,r));
  • }
  • }
  • return d; // Range: [0, 1]
  • }
  • floatnoiseLayers(in vec3 p) {
  • vec3 t = vec3(0., 0., p.z + iTime*1.5);
  • constint iter = 5; // Just five layers is enough.
  • float tot = 0., sum = 0., amp = 1.;
  • for (int i = 0; i < iter; i++) {
  • tot += voronoi(p + t) * amp;
  • p *= 2.;
  • t *= 1.5;
  • sum += amp;

https://xiaozhuanlan.com/topic/

标签:glsl,claygl,float,hash33,Claygl,Arcgis,gismap4,vec3,dot
From: https://www.cnblogs.com/haibalai/p/17328401.html

相关文章

  • Arcgis 与 Claygl 可视化 glsl 特效篇(二)
    我决定不从claygl基础来讲了直接整合arcgis与claygl可视化来讲关于整合clagyl有兴趣看我这篇文章arcgis与claygl引擎结合做地图可视化我整合一个类库后续不断更新中npmi@haibalai/gismap4-claygl 初始化gismap4-claygl类库,view是arcgis的sceneView对象import......
  • Arcgis 与 Claygl 可视化 glsl 特效篇(一)
    我决定不从claygl基础来讲了直接整合arcgis与claygl可视化来讲关于整合clagyl有兴趣看我这篇文章arcgis与claygl引擎结合做地图可视化我整合一个类库后续不断更新中npmi@haibalai/gismap4-claygl 初始化gismap4-claygl类库,view是arcgis的sceneView对象import......
  • Arcgis 与 Claygl 可视化 glsl 特效篇(六)
    我决定不从claygl基础来讲了直接整合arcgis与claygl可视化来讲关于整合clagyl有兴趣看我这篇文章arcgis与claygl引擎结合做地图可视化我整合一个类库后续不断更新中npmi@haibalai/gismap4-claygl 初始化gismap4-claygl类库,view是arcgis的sceneView对象import......
  • Arcgis 与 Claygl 可视化 glsl 特效篇(五)
    我决定不从claygl基础来讲了直接整合arcgis与claygl可视化来讲关于整合clagyl有兴趣看我这篇文章arcgis与claygl引擎结合做地图可视化我整合一个类库后续不断更新中npmi@haibalai/gismap4-claygl 初始化gismap4-claygl类库,view是arcgis的sceneView对象import......
  • Arcgis 与 Claygl 可视化 glsl 特效篇(四)
    我决定不从claygl基础来讲了直接整合arcgis与claygl可视化来讲关于整合clagyl有兴趣看我这篇文章arcgis与claygl引擎结合做地图可视化我整合一个类库后续不断更新中npmi@haibalai/gismap4-claygl 初始化gismap4-claygl类库,view是arcgis的sceneView对象import......
  • ArcGIS Pro SDK 切换所有图例项的自动可见性
    protectedvoidsetLegend(){varlyt=LayoutView.Active?.Layout;if(lyt==null)return;QueuedTask.Run(()=>{vardef=lyt.GetDefinition();va......
  • vue项目中webpack编译glsl文件的配置
    1、 安装webpack-glsl-loader npminstallwebpack-glsl-loader2、修改vue.config.js配置,添加内容如下module.exports=defineConfig({configureWebpack:(config)=>{config.module.rules.push({test:/\.glsl$/,use:[......
  • ArcGIS 自签名证书制作-说明文档
    前言证书有效期时长:10年证书密码:openssl 制作过程#上传安装包:gis-ssl.tar.gz到/root目录下#解压cd&&tar-xzvfgis-ssl.tar.gz&&rmgis-ssl.tar.gz-f&&cd/root/gis-ssl#修改域名清单文件,改为现场实际的域名$vimcn.txt#执行脚本shgis-ssl.sh##得......
  • arcgis 提取高程到线
    提取高程到点:extractvaluestopoints提取高程到线呢?线->折点转点->extractvaluestopoints->点转线。for(){//遍历每一条线 //获取每条线的转折点 //提取转折点对应的高程 //点再转线,保存到新的shp中。}......
  • python 新环境的创建并在 spyder 中转换——在 spyder 中配置 arcgis 的 python 解释
    原文地址blog.csdn.net目录问题描述创建python新环境查看所有环境创建新的python2.7虚拟环境激活环境删除环境在spyder中配置环境,切换python解释器回归正题,将指定路径下的python解释器配置到spyder中重点——解决方法问题描述这几天上课需要下载和学习a......