haibalai2009-优快云博客

函数正在初始化 GUI 中页脚元素的显示。它将 display 属性设置为 flex， justifyContent 属性设置为 space- Between ， height 属性设置为 15%它还创建了一个值为0的windRange对象。最后，它调用“displayFooterTimeline”函数来进一步配置页脚时间轴。BabylonJS + Vue 构建风场场景（十四）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-12-07 11:21:32 104

原创 BabylonJS + Vue 构建风场场景（十三）

BabylonJS + Vue 构建风场场景（十三）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。//针对部分内置ui。

2023-12-07 11:20:59 91

原创 BabylonJS + Vue 构建风场场景（十二）

BabylonJS + Vue 构建风场场景（十二）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-12-01 16:40:07 60

原创 BabylonJS + Vue 构建风场场景（十一）

* 该代码在“BABYLON”命名空间中定义了一个名为“CustomDynamicTexture”的新类。该类扩展了“BABYLON”库中的“DynamicTexture”类。BabylonJS + Vue 构建风场场景（十一）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-12-01 16:39:36 136

原创 BabylonJS + Vue 构建风场场景（十）

* ParseGis 类负责解析 GIS 数据并在 3D 场景中创建多边形。BabylonJS + Vue 构建风场场景（十）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-12-01 16:39:05 101

原创 BabylonJS + Vue 构建风场场景（九）

BabylonJS + Vue 构建风场场景（九）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-12-01 16:38:35 54

原创 BabylonJS + Vue 构建风场场景（八）

* 该代码块正在检查是否存在先前创建的“OutLine”类的实例。如果存在，它会处理该实例的“lineSystem”属性。然后，它检查当前索引（“z”）是否与先前创建的实例的索引相同。如果它们相同，它将先前创建的实例设置为“null”并返回。如果它们不相同，它还会将先前创建的实例设置为“null”。这可确保一次只有一个“OutLine”实例处于活动状态，并在创建新实例时处理前一个实例。该代码块正在检查索引“z”处“RawInstances”对象的“multiPolygon”属性是否等于 0。

2023-12-01 16:38:05 78

原创 BabylonJS + Vue 构建风场场景（七）

行将变量“cf”的值分配给“Poly”类实例的“iso3”属性。”行将“cg”的值分配给“Poly”类实例的“multiPolygon”属性。”行将“y”的值分配给“Poly”类实例的“scene”属性。”行将变量“w”的值分配给“Poly”类实例的“name”属性。”行将“bL”的值分配给“Poly”类实例的“lat”属性。”行将“bM”的值分配给“Poly”类实例的“lon”属性。该数组用于存储“Poly”实例所代表的国家或地区的侧面网格。该数组用于存储已创建的“Poly”类的所有实例。

2023-12-01 16:37:34 167

原创 BabylonJS + Vue 构建风场场景（六）

Earth 类创建地球的 3D 表示，具有动画气氛以及在 3D 和 2D 地图材质之间交换的能力。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-11-21 15:07:44 141

原创 BabylonJS + Vue 构建风场场景（五）

请不要单独购买，在终章会放出静态文件，目前只是放出代码。/* 背景类将场景的清晰颜色设置为特定颜色。

2023-11-21 15:07:14 95

原创 BabylonJS + Vue 构建风场场景（四）

CameraLight”类负责在场景中设置相机和照明，以及在比赛期间移动相机。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-11-21 15:06:43 85

原创 BabylonJS + Vue 构建风场场景（三）

函数用于将表示球体上的点的 3D 矢量转换为其相应的纬度和经度坐标。基础类 ComputeClass 负责坐标计算和一些空间运算和颜色计算。BabylonJS + Vue 构建风场场景（三）－小专栏。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-11-21 15:06:13 138

原创 BabylonJS + Vue 构建风场场景（二）

* Mat 类负责设置和管理 3D 场景中使用的材质，包括地球、月球和国家的材质。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-11-21 15:05:42 100

原创 BabylonJS + Vue 构建风场场景（一）

* 上面的代码在JavaScript中定义了各种变量和常量。这些变量用于存储与地球直径、不同元素的偏移、图像和数据文件的 URL 以及事件类型相关的值。该代码还包括 gribs 的文件名数组，它们是天气预报文件。BabylonJS + Vue 构建风场场景（一）－小专栏。基础类 ConstantClass 负责球的定义参数和静态目录。请不要单独购买，在终章会放出静态文件，目前只是放出代码。

2023-11-21 15:05:09 281

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十六）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十六）－小专栏。// 预定义的圆形段数。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:59:36 93

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十五）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十五）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:59:05 109

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十四）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十四）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:58:34 66

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十三）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十三）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:58:01 59

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十二）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十二）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:57:31 55

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十一）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十一）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-11-09 16:57:00 47

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（三十）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-22 15:13:00 82

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十九）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十九）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-22 15:12:30 57

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十八）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十八）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-22 15:12:00 70

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十七）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十七）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-22 15:11:30 67

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十六）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十六）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-22 15:11:00 59

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十五）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十五）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-21 10:23:24 96

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十四）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十四）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-21 10:22:53 51

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十三）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十三）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-21 10:22:21 47

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十二）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十二）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-21 10:21:50 54

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十一）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十一）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-21 10:21:20 53

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（二十）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-14 11:56:33 48

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（十九）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（十九）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-14 11:56:03 59

原创 Arcgis 与 Pixi.js 可视化 glsl 特效篇（十八）

Arcgis 与 Pixi.js 可视化 glsl 特效篇（十八）－小专栏。我们先定义一下传入数据结构 symbol 暂时不做。这次我们用pixi.js和arcgis js结合。//转换屏幕坐标，获取颜色，半径和线条粗细样式。toScreen 方法参考链接提示。app 的构建参考链接提示。对于data 数据 ,name: “北京”name: “深圳”

2023-09-14 11:32:19 54