分类:CesiumJs

CesiumJs学习笔记

vue3 安装使用CesiumJs

vue3 安装使用CesiumJs
CesiumJs 是一个开源 JavaSeript 库,用于创建具有最佳性能、精度、视觉质量和易用性的世界級30 地珠仪和地图。从航空航天到智能城市再到无人机,各行各业的开发人员都使用 CeslumJs 创建交互式 Web应用程序来共享动志地理空间数据。 运行效果: 官网地址 ...

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

cesium粒子实现广州塔小蛮腰烟花特效

cesium粒子实现广州塔小蛮腰烟花特效
上一节我们学习了:cesium着色器编写区域光墙今天我们要学习的是cesium粒子实现广州塔小蛮腰烟花特效。 效果截图 动态效果 准备烟花图片 首先需要准备一张烟花图片,作为粒子纹理图 创建盒子 我们需要一个盒子来控制粒子烟花的释放范围 this.boxEntity = v...

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

Cesium.ParticleSystem介绍参数以及使用实例

Cesium.ParticleSystem介绍参数以及使用实例
Cesium 的 ParticleSystem 类用于在场景中创建和模拟粒子系统。这使得你可以创建如雨、雪、火、喷泉等效果。 参数 当创建一个 ParticleSystem 实例时,可以传递一个对象,该对象具有以下属性: image (必须): 用于渲染每个粒子的图像或URI。...

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

cesium着色器编写区域光墙

cesium着色器编写区域光墙
上一节我们学习了:cesium实现六边形光波扩散特效今天我们要学习的是cesium着色器编写区域光墙。 动态效果 ## 首先准备一张图片 首先需要准备一张图片,为接下来的光墙做准备。 创建一个围墙 我们使用fromDegreesArrayHeights来创建一个围墙,fro...

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

Cesium.Cartesian3.fromDegreesArrayHeights介绍

Cesium.Cartesian3.fromDegreesArrayHeights介绍
Cesium.Cartesian3.fromDegreesArrayHeights 是CesiumJS库中的一个函数,用于从经度、纬度和高度的数组中创建一个Cartesian3坐标数组。CesiumJS是一个用于创建地球和地图Web应用程序的JavaScript库,其中Carte...

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

cesium实现六边形光波扩散特效

cesium实现六边形光波扩散特效
上一节我们学习了:cesium着色器实现旋转雷达特效今天我们要学习的是cesium实现六边形光波扩散特效。 动态效果 首先准备一张图片 cesium实现六边形光波扩散特效,首先需要准备一张图片,为接下来的动画做准备。 选择位置,创建矩形 接下来我们需要制定一个坐标,用来放...

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

cesium着色器实现旋转雷达特效

cesium着色器实现旋转雷达特效
上一节我们学习了:cesium纹理采样设置酷炫轨迹飞线今天我们要学习的是cesium着色器实现旋转雷达特效。 动态效果 选择位置,创建矩形 首先我们需要选择一个坐标,来放置我们的雷达。Cesium.Rectangle.fromDegrees 是CesiumJS库中一个方便的...

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

glsl mat2方法介绍及使用

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

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

glsl atan方法介绍

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

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

GLSL中的step介绍及用法

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

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