标签:Cesiumjs

CesiumJs

glsl mat2方法介绍及使用

glsl mat2方法介绍及使用
在GLSL(OpenGL Shading Language)中,mat2 用于声明一个2x2的矩阵,它包含四个浮点数。这个数据结构常用于各种线性变换,例如旋转和缩放。 声明: 声明一个 mat2 变量的基本语法如下: mat2 myMatrix; 你也可以在声明时进行初始化: ...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

glsl atan方法介绍

glsl atan方法介绍
在GLSL(OpenGL Shading Language)中,atan 函数用于计算一个数或两个数的反正切(arctangent)。这个函数有两个不同的形式: 语法: 单参数形式: float atan(float y) 或 vecN atan(vecN y) 计算y的反...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

GLSL中的step介绍及用法

GLSL中的step介绍及用法
在GLSL(OpenGL Shading Language)中,step 函数用于执行阶梯(step-like)函数操作。给定一个边缘值和一个输入值,step 函数返回0或1,取决于输入值是否大于或等于边缘值。 语法: step 函数在GLSL中有两种基本形式: float s...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

GLSL中的distance函数介绍及用法

GLSL中的distance函数介绍及用法
在GLSL(OpenGL Shading Language)中,distance 函数用于计算两个点(通常表示为向量)之间的欧几里得距离。 语法: GLSL的 distance 函数有多个重载版本,以支持不同维度的向量(vec2,vec3,vec4 等)。 float dista...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

cesium纹理采样设置酷炫轨迹飞线

cesium纹理采样设置酷炫轨迹飞线
上一节我们学习了:cesium着色器实现实现上升流光飞线效果今天我们要学习的是cesium纹理采样设置酷炫轨迹飞线。 动态效果 上一节中cesium着色器实现实现上升流光飞线效果,我们学习了着色器的方法来绘制飞线,这一节课我们在上一节的基础上使用纹理采样的方式实现飞线。 我...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

GLSL texture2D介绍

GLSL texture2D介绍
texture2D 是 GLSL(OpenGL Shading Language)中用于从2D纹理中进行采样(即读取纹理像素颜色)的一个内建函数。这个函数在渲染管线中的片元着色器(Fragment Shader)中常被使用。 参数: 第一个参数:纹理采样器(sampler2D)...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

cesium着色器编写流光四溢轨迹线

cesium着色器编写流光四溢轨迹线
上一节我们学习了:cesium着色器实现实现上升流光飞线效果今天我们要学习的是cesium着色器实现实现上升流光飞线效果。 动态效果 获取geoJson数据 在绘制轨迹线之前,我们需要先生成轨迹,获取方式与地铁线路图geoJson数据获取类似,只不过是获取道路的轨迹线。 着色...

yekong 1年前 (2023-09-05) 喜欢

CesiumJs

cesium着色器实现实现上升流光飞线效果

cesium着色器实现实现上升流光飞线效果
上一节我们学习了:cesium实现上下移动的光锥动画今天我们要学习的是cesium着色器实现实现上升流光飞线效果。 动态效果 生成矩形区域 turf插件介绍及使用 用以生成矩形区域,规范点在这个区域内生成。 安装依赖 pnpm i @turf/turf 生成矩形区域 使用...

yekong 1年前 (2023-09-04) 喜欢

CesiumJs

turf插件介绍及使用

turf插件介绍及使用
Turf.js 是一个 JavaScript 库,用于进行地理空间数据分析和操作。这个库通常用于处理 GeoJSON 数据格式,并提供各种用于分析、编辑和创建地理数据的方法。Turf 是开源的,并且设计为与现代地图库(如 Leaflet、OpenLayers 和 Cesium)配...

yekong 1年前 (2023-09-04) 喜欢

CesiumJs

cesium实现上下移动的光锥动画

cesium实现上下移动的光锥动画
上一节我们学习了:cesium编写着色器实现滚动光环特效今天我们要学习的是cesium实现上下移动的光锥动画。 动态效果 引入glb文件 import pyramid from '../model/pyramid.glb'; 添加模型 // 添加模型到场景中 this....

yekong 1年前 (2023-09-04) 喜欢