岭南灯火-CSDN博客

原创阿里云、toDesk 无法登录问题（应用网络状况不佳等）

等环境变量，因为阿里云盘的客户端是 electron 程序，我根据其日志输出观察到它实际上在请求一个网址的时候出现异常，实际上它是在走。问题和你在网络上搜索的结果应该差不多，就是时区和时间没有和当前正确的时间、时区同步，你只需打开 Windows 的同步就可以。等代理途径在访问公网，然而这并不被服务器允许，因为经过代理的时间可能是别的地区的，和服务器的时区不一样，就会被拒绝。关键是，如果你开了代理软件，或者设置了。

2023-03-04 01:54:22 1533

原创 OGC WebGIS 常用服务标准（WMS/WMTS/TMS/WFS）速查

你在WMTS能力文档中，一定能看到这两个东西。但是我觉得官方文档废话太多，索性把自己的理解写了出来。笔者译为“瓦片阵集”，而TileMatrix即“瓦片阵”。很多人也许第一次看到这个词，一时半会儿想不通为什么是“Matrix”。直译来说，“Matrix”即矩阵假如这个矩阵的每个元素块上填充的是地图瓦片，那就能理解了。所以，TileMatrix指的就是某个层级的所有瓦片；自然而然，就是所有层级的TileMatrix“集”。举例，GeoServer中的内置瓦片阵集有一个是EPSG4326。...

2022-07-19 00:22:33 2028 2

原创在 WebGPU 的片元着色器中访问帧缓冲坐标

文章目录1. 技术说明2. 三角形例子HTMLJavaScript3. 着色器解析帧缓冲坐标图示1. 技术说明使用最新 Edge/Chrome Canary 浏览器使用 VSCode 插件 LiveServer 的 HTTP 服务器对本机提供 5500 端口的页面服务，即 http://localhost:5500/index.html使用 es-module 风格的 JavaScript 实现2. 三角形例子先上效果，后面再解析片元着色器：HTMLhtml 部分就简单一些<

2022-04-27 12:32:51 219

原创 WebGPU 工具分享 - WGSL 代码高亮插件（VSCode）与预处理工具

文章目录① WGSL 插件② WGSL Literal 插件③ WGSL Preprocessor为什么没有 #define 宏？WGSL 还在积极讨论中，虽然各位大佬不是很满意这个新生儿。不过，社区已经有了基础的实验性工具（VSCode 插件），并支持了较新的语法。① WGSL 插件这个插件支持对文件扩展名为 .wgsl 的源代码文件进行高亮显示。② WGSL Literal 插件这个插件允许你在 JavaScript / TypeScript 的模板字符串中进行 wgsl 代码高亮，需要

2022-03-25 15:54:32 1139

翻译 WebGPU 计算管线、计算着色器（通用计算）入门案例：2D 物理模拟

文章目录1. WebGL2. WebGPU2.1. 适配器（Adapter）和设备（Device）2.2. 着色器（Shaders）2.3. 管线（Pipeline）2.4. 并行（Parallelism）2.5. 工作组（Workgroup）2.6. 指令（Command）3. 数据交换3.1. 绑定组的布局（GPUBindGroupLayout）3.2. 暂存缓冲区（Staging Buffer）3.3. 过度调度3.4. 麻烦的结构体（内存地址对齐问题）3.5. 输入输出4. 性能5. 稳定性与可用性

2022-03-21 12:15:00 364

原创 WebGL 与 WebGPU比对[6] - 纹理

文章目录1. WebGL 中的纹理1.1. 创建二维纹理与设置采样参数1.2. 纹理数据写入与拷贝1.3. 着色器中的纹理1.4. 纹理对象 vs 渲染缓冲对象1.5. 立方体六面纹理1.6. WebGL 2.0 的变化1.7. Mipmapping 技术2. WebGPU 中的纹理2.1. GPUTexture 的创建2.2. 纹理数据写入与拷贝2.3. 纹理视图2.4. 着色器中的纹理与采样器2.5. WebGPU 中的 Mipmapping3. 纹理压缩编码算法4. 总结参考资料图形编程中的纹理，

2022-03-14 12:15:00 276

原创 WebGL 与 WebGPU比对[7] - 渲染的目的地

文章目录1. 综述2. WebGL 中的绘图区3. WebGPU 中配置 canvas 的连接关于改变 canvas 大小后的行为1. 综述其实，写到第六篇比对基本上常规的 API 就差不多比对完了（除了 GPGPU、查询方面的 API 未涉及），但是有一个细节仍然值得我开一篇比对文章进行思考、记录，那就是渲染到何处。WebGL 的上下文对象是与 canvas 元素强关联的，没有 canvas 创建不了上下文，也就是说，WebGL 在设计之初就是拿来绘图的（的确如此），没考虑 GPU 的其它功能，后

2022-03-14 12:15:00 348

原创 WebGL 与 WebGPU比对[8] - 系列完结总结与感想

文章目录系列完结后记之后要做什么系列完结后记林林总总写了一些文章来对比 WebGL 与 WebGPU 的常规功能，兴许在 API 的理解上有些业余，甚至不排除有表述错误，但是写对的部分，我希望对读者与未来的图形开发者有所启迪。过去，WebGL 给 Web 图形开发者打开了一扇新的大门：原来浏览器可以不借助插件搞酷炫的三维效果！这离不开各大厂商的努力，虽然他们肯定有一部分原因是想更好卖产品，但不否认这的的确确是技术的迈进。诚然，图形有门槛，WebGL 给这十年来的开发者留下一个蚀刻进骨子里的

2022-03-14 12:15:00 1995

原创 Cesium 1.91 更新日志 - MSAA 与原生 Promise 来了

文章目录不兼容式更新📣新增🎉问题修复🔧个人点评🖊① MSAA② 相机获取射线③ ModelExperimental④ 逐渐 ES6不兼容式更新📣在下一个版本，也就是 Cesium 1.92，第三方库 when.js 将被原生 Promise API 代替。Cesium.when 将被废弃，且于下个版本移除。关于如何升级，请参考下方个人点评，我转载了官方指导文档。

2022-03-02 12:01:52 1958

原创 OpenLayers 6.13 新特性

文章目录1 概述2 细节2.1 新方法 - layer.getData()2.2 弃用方法 - map.forEachLayerAtPixel()1 概述6.13 版本带来了一些新特性：对于每个图层对象，你可以使用 layer.getData() 方法来获取它的像素数据类 ol/style/Text 支持了富文本标签，可以在一个标签中用不同的字体、样式了模块 ol/proj 中，useGeographic() 和 setUserProjection() 方法现在已经是官方 API 了，这两个方法

2022-03-02 12:01:16 845

原创为何在打包工具中导入 Cesium 的 css 失败了？

文章目录1 问题起因2 寻找解决方案2.1. 历史原因2.2. 增加导出2.3. 耍个花招3 类型提示是哪来的1 问题起因我使用 vite2 + vanillajs 模板创建 CesiumJS 项目，其中，main.js 是这样的：import { Viewer } from 'cesium'import './style.css'import 'cesium/Source/Widgets/widgets.css'let viewerconst main = () => { co

2022-02-28 18:57:47 450

原创 WebGL 与 WebGPU比对[5] - 渲染计算的过程

文章目录1. WebGL1.1. 使用 WebGLProgram 表示一个计算过程1.2. WebGL 没有通道 API2. WebGPU2.1. 使用 Pipeline 组装管线中各个阶段2.2. 使用 PassEncoder 调度管线内的行为2.3. 使用 CommandEncoder 编码多个通道2.4. PassEncoder 和 Pipeline 的关系3. 总结前两篇文章介绍了 WebGL 和 WebGPU 是如何准备顶点和数字型 Uniform 数据的（纹理留到下一篇），当渲染所需的原材料

2022-02-28 03:02:58 264

原创 WebGL 与 WebGPU比对[4] - Uniform

文章目录1. WebGL 1.0 Uniform1.1. 用 WebGLUniformLocation 寻址1.2. 矩阵赋值用 uniformMatrix[234]fv1.3. 标量与向量用 uniform\[1234]\[fi]\[v]1.4. 传递纹理2. WebGL 2.0 Uniform2.1. 标量/向量/矩阵传值方法扩充2.1. 什么是 UniformBlock 与 UniformBuffer 的创建2.2. 状态绑定2.3. 着色器中的 Uniform2.4. 传递纹理3. WebGPU U

2022-02-19 03:11:47 223

原创在 esmodule 环境下使用 jsts

文章目录1 说明Geometry 类2 安装3 使用以 buffer 为例4 JTS 文档1 说明jsts 完全就是根据其老妈 jts 的 java 包结构移植的，除了部分分析功能需要额外注意外，基本上所有的子模块的根路径位于 jsts/org/locationtech/jts 模块下。Geometry 类Geometry 类符合 OGC 简单要素规范的设计。它有若干个子类，例如点线面等。Geometry 在 JTS 上有非常多实用的空间分析函数：buffer, buffer, buffer,

2022-02-14 17:05:42 316

原创 WebGL 与 WebGPU比对[3] - 顶点缓冲

文章目录1. WebGL 中的 VBO1.1. 创建 WebGLBuffer1.2. 顶点着色器2. WebGPU2.1. 创建 GPUBuffer 与传递数据2.2. 将顶点缓冲的格式信息传递给顶点着色器2.3. 在渲染通道中设置顶点缓冲2.4. 顶点着色器2.5. 关于缓冲数据在内存与显存中的申请、传递与销毁3. 比对4. VertexArrayObject1. WebGL 中的 VBO1.1. 创建 WebGLBufferWebGL 使用 TypedArray 进行数据传递，这点 WebGPU

2022-02-14 03:25:24 154

原创 WebGPU 中消失的 FBO 和 RBO

文章目录1 WebGL 中的 FBO 与 RBO1.1 帧缓冲对象（FramebufferObject）1.2 颜色附件与深度模板附件的真正载体1.3 FBO/RBO/WebGLTexture 相关方法收集2 WebGPU 中的对等概念2.1 渲染通道编码器（GPURenderPassEncoder）承担 FBO 的职能2.2 多目标渲染2.3 深度附件与模板附件2.4 非 canvas 的纹理对象作为两种附件的注意点3 读取数据3.1 从 FBO 中读像素值3.2 WebGPU 读 GPUTexture

2022-02-14 02:39:50 220

原创 WebGPU 中的缓冲映射机制

文章目录1. 什么是缓冲映射创建时映射2 缓冲数据的流向2.1 CPU 至 GPU2.2 GPU 至 CPU1. 什么是缓冲映射就不给定义了，直接简单的说，映射（Mapping）后的某块显存，就能被 CPU 访问。三大图形 API（D3D12、Vulkan、Metal）的 Buffer（指显存）映射后，CPU 就能访问它了，此时注意，GPU 仍然可以访问这块显存。这就会导致一个问题：IO冲突，这就需要程序考量这个问题了。WebGPU 禁止了这个行为，改用传递“所有权”来表示映射后的状态，颇具 Rus

2022-02-11 23:58:24 427

原创 WebGPU 补充篇之 VertexBuffer

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录VertexBuffer 的创建WGSL 端接受输入VertexBuffer 的数据传入VertexBuffer 的创建VertexBuffer 的本体就是一个 GPUBuffer，主要就是指定其 usage，以及在创建 ShaderModule 时配置好 VertexAttribute。顶点属性，所谓的 VertexAttribute，在 VertexBuffer 中

2022-02-09 16:00:57 223

原创 WebGPU 规范篇 11 Canvas上下文

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录1 GPUCanvasContext2 GPUCanvasConfiguration 类型举例GPUCanvasCompositingAlphaMode 枚举类型3 Canvas 尺寸变更问题对应规范中 Canvas Rendering 一章1 GPUCanvasContextGPUCanvasContext 类型，其对象被称作 WebGPU 上下文。它的作用就是让

2022-02-09 16:00:31 273

原创 WebGPU 规范篇 09 通道

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录可编程通道编码器：GPUProgrammablePassEncoder创建通道编码器设置绑定组 setBindGroup1 渲染通道编码器1.1 创建1.1.1 颜色附件GPULoadOp：初始化行为GPUStoreOp：存储行为1.1.2 深度模板附件1.1.3 译者注1.2 触发绘制功能相关的方法setPipeline 方法setVertexBuffer 方法setBind

2022-02-09 15:59:56 75

原创 WebGPU 规范篇 10 指令编码与队列

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录1 指令缓存：GPUCommandBuffer如何创建2 指令编码器：GPUCommandEncoder2.1 如何创建2.2 用途：启动/创建一个可编程通道2.2 用途：缓存复制举例2.3 用途：图像/纹理复制方法定义GPUImageCopyBuffer 类型GPUImageCopyTexture 类型GPUExtent3D 类型3 指令队列：GPUQueue3.1 writ

2022-02-09 15:59:22 210

原创 WebGL 与 WebGPU 比对[1] 前奏

文章目录1 为什么是 WebGPU 而不是 WebGL 3.0显卡驱动图形 API 的简单年表WebGL 能运行在各个浏览器的原因WebGPU 的名称由来2 与 WebGL 比较编码风格OpenGL 的编码风格CPU 负载问题WebGPU 的装配式编码风格厨子戏法3 多线程与强大的通用计算（GPGPU）能力WebWorker 多线程通用计算（GPGPU）4 浏览器的实现5 未来参考资料这篇讲讲历史，不太适合直奔主题的朋友们。1 为什么是 WebGPU 而不是 WebGL 3.0你若往 Web 图形技术

2022-02-09 15:55:25 213

原创 WebGPU 中消失的 VAO

文章目录1 VAO 是 OpenGL 技术中提出来的2 WebGPU 天生就能先保存状态2.1 WebGL 与 WebGPU 相关 API 对比2.2 谁替代了 VAO？2.3 代码举例1 VAO 是 OpenGL 技术中提出来的参考：https://www.khronos.org/opengl/wiki/Tutorial2:_VAOs,VBOs,Vertex_and_Fragment_Shaders(C/_SDL)其中有一段文字记录了 VAO 是什么：A Vertex Array Object

2022-02-09 15:52:54 136

翻译 WebGPU 的几个官方建议实践

文章目录1 在能用的地方都用 label 属性2 使用调试组3 从 Blob 中载入纹理图像更推荐使用压缩格式的纹理资源4 使用 glTF 处理库 gltf-transform5 缓冲数据上载6 推荐异步创建 pipeline7 慎用隐式管线布局7 共享资源绑定组与绑定组布局对象原作附带信息来自 2022 WebGL & WebGPU Meetup 的幻灯片1 在能用的地方都用 label 属性WebGPU 中的每个对象都有 label 属性，不管你是创建它的时候通过传递 descripto

2022-02-09 15:52:12 636

原创 Deno 1.18 环境使用 WebGPU

文章目录确保 Deno 版本命令行交互式获取 GPUDevice代码文件获取 GPUDeviceTop-level Await 不生效支持 WebGPU API 的环境，可不止浏览器一个。虽说 NodeJS 没什么消息说要支持，但是 Deno 这个 js/ts 运行时老早就支持了，能脱离浏览器直接在控制台访问 GPU，感觉十分有趣。确保 Deno 版本至少要高于 1.8，最好装最新> deno --versiondeno 1.18.0 (release, x86_64-pc-window

2022-02-09 15:50:19 641

原创 WebGL 和 WebGPU[1] - 前奏篇

2022-02-09 15:48:32 244

原创 WebGL 和 WebGPU[2] - 初始化篇

1. 获取高频操作对象1.1 WebGL 获取上下文对象WebGL 获取的是 WebGLRenderingContext/WebGLRenderingContext2 对象，必须依赖于有合适宽度和高度的 HTMLCanvasElement，通常命名为 gl，gl 变量有非常多方法，允许修改 WebGL 的全局状态const gl = document.getElementById("id")?.getContext("webgl")// ...1.2 WebGPU 获取设备对象而 WebGP

2022-02-09 15:45:25 711

原创 WebGPU 规范篇 08 管线

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录管线1 基础管线1.1 基础管线的 getBindGroupLayout 方法1.2 默认管线布局1.3 可编程阶段：GPUProgrammableStage1.4 补充资料：管线和着色阶段1.5 如何验证可编程阶段对象的合规性1.6 如何验证某个着色器中被绑定的变量的合规性2 渲染管线2.1 管线的创建2.1.1 异步创建管线2.1.2 如何验证 GPURenderPipel

2021-09-22 17:06:30 108

原创 WebGPU 规范篇 07 着色器模块

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录GPUShaderModule 接口创建获取编译信息举例：对应文档中的 https://www.w3.org/TR/webgpu/#shader-modules关于着色器模块的创建，与 WebGL 中的 Shader 有改进，提供了编译信息。GPUShaderModule 接口这个接口是可以序列化的，意味着可以传递其引用进行多线程编程。它是不可变对象（只读），所以不

2021-09-22 17:05:25 120

原创 WebGPU 规范篇 06 资源及其打组绑定

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录1 关系简易图解2 资源绑定组 GPUBindGroup如何创建GPUBindGroupEntry 类型GPUBindingResourceGPUBufferBinding译者注举例① 采样器资源② 纹理（视图）资源③ GPUBuffer 资源创建要遵守的规则3 资源绑定组的布局 GPUBindGroupLayout如何创建GPUBindGroupLayoutEntry 类型描

2021-09-22 17:04:03 99

原创 WebGPU 规范篇 05 采样器

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录GPUSampler：采样器采样器的创建GPUAddressModeGPUFilterModeGPUCompareFunction采样器创建条件代码举例参考资料译者注GPUSampler：采样器GPUSampler 采样器对象，对着色器中的纹理资源进行过滤或者编码。[Exposed=(Window, DedicatedWorker), SecureContext]in

2021-09-22 17:02:00 108

原创 WebGPU 规范篇 04 纹理

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录1 纹理的创建举例创建时参数不合法的情况2 纹理视图 GPUTextureView创建时参数不合法的情况*简述创建过程3 纹理格式 GPUTextureFormat4 为纹理输入图片/视频数据使用 GPUQueue.copyExternalImageToTexture 方法使用 GPUQueue.writeTexture 方法使用 GPUDevice.importExterna

2021-09-22 17:00:24 131

原创 WebGPU 规范篇 03 缓存对象

系列博客总目录：https://blog.csdn.net/cRGBc/article/details/120412614文章目录WebGPU 中的缓存对象：GPUBuffer1 创建GPUBuffer 的用途2 缓存映射异步映射：mapAsync 方法获取映射的缓存：getMappedRange 方法解除映射：unmap 方法常见用例① 创建 UBO② 创建映射读/映射写型的 GPUBuffer③ 复制目标/复制源类型的 GPUBuffer④ 创建 VBO⑤ 创建存储型缓存对象`queue.writeB

2021-09-22 16:56:57 102

原创 WebGPU 规范篇 01 规范基础

WebGPU 基本概念节选翻译，选自 WebGPU Spec 3 Fundamentals，本文列举一部分简单的内容，其余内容以后单独拉出去和其他资料一起谈。1 公共约定节选自 WebGPU Spec 3.1 Conventions① WebGPU 接口WebGPU 接口是内部对象的公开访问形式，和大多数语言的接口语法提供的功能差不多。这里只需注意，继承了 GPUObjectBase 的接口都是 WebGPU 接口。interface mixin GPUObjectBase { attrib

2021-09-22 12:11:31 247

原创 WebGPU 规范篇 02 对象初始化

参考自 https://www.w3.org/TR/webgpu/#initialization1 navigator.gpuGPU 对象能在浏览器环境（Window环境）获取，也可以在非共享全局 Worker 中获取，其接口定义如下：interface mixin NavigatorGPU { [SameObject, SecureContext] readonly attribute GPU gpu;};Navigator includes NavigatorGPU;WorkerNavi

2021-09-22 12:10:03 118

原创 WebGPU 的类型约定之WebIDL

文章目录说明enumnamespaceinterfacedictionarytypedef说明WebGPU 的规范是通过 WebIDL 语言来描述的，本篇主要介绍类型定义。函数定义、继承描述较为简单，故略去。用于定义类型的语法有以下五种。enum枚举类型，通常其枚举值就是 JavaScript 字符串，取值时符合里面的任意一个即可。enum GPUTextureDimension { "1d", "2d", "3d",};于是，你可以在创建纹理对象时这样用这个枚举：cons

2021-09-22 12:08:50 125

原创 WebGPU 摘学总目录

思前想后，还是要讲一下“WebGPU Spec API”和“图形学”、“即时渲染技术”等概念的差异。我所发布的这一系列博文，均为“WebGPU Spec API”的解读，而且是部分解读，还不一定在概念、细节上完全准确。只是，我喜欢吃这螃蟹，虽然的确有点扎嘴。本篇不算教程，只能算是 WebGPU 发布黎明前夕对标准的学习与自我归纳，希望对你有帮助，有概念上的错漏在所难免。WebGPU 的接口、对象类型、如何组合，以及其调用 GPU 的逻辑，深得 D3D12、Metal、Vulkan 这些现代图形开发

2021-09-22 12:02:43 165

原创 WebGPU 补充篇之 Uniform

参考自WebGPU 8. Resource Binding（资源绑定）WGSL 5.1. Module Scope Variables（全局对象）WGSL 9.3.2. Resource interface（资源接口）文章目录WebGPU 中的 Uniform1 如何创建 Uniform 资源① 普通常量数字/类型数组② 纹理对象 `GPUTexture`③ 采样器 `GPUSampler`2 绑定组的作用和创建绑定组的资源入口：entries 数组3 绑定组的布局对象布局对象的两种用途绑定组与其布

2021-09-12 04:51:31 162

TA关注的人

arcgis_js_v415_api.zip

ArcGISEarth_1.10.zip

火神山医院模型.zip

雷神山医院模型.rar

ArcGIS JsAPI 离线文档 与示例代码 4.14版本（不是部署包）

ArcObjects 10.7 离线帮助文档

ArcGIS 10.2 中文帮助文档 离线版

空间句法 DepthMapX 简介 及用法

sDNA windows版 4.0 空间句法

ArcGIS API for JavaScript 4.11 官方帮助文档 与示例 离线版

WGS84 坐标系的中国基本数据

ArcGIS Earth 1.9 Windows安装包

ArcGIS Earth 1.6.1 安装包

ArcGIS API for JavaScript 3.26 离线帮助文档

ArcGIS API for JavaScript 3.26 离线部署包

SketchUp地形插件

ArcGIS API for JavaScript 4.4离线包

ArcGIS API for JavaScript 4.3离线文档和示例代码

ArcGIS从0开始教你创建网络数据集

TS800E全站仪说明书

C# wpf环境下，多窗口传值的问题

ArcGIS JsAPI 离线文档与示例代码 4.14版本（不是部署包）

ArcGIS 10.2 中文帮助文档离线版

空间句法 DepthMapX 简介及用法

ArcGIS API for JavaScript 4.11 官方帮助文档与示例离线版