原创 WebGPU 導入[1] - 入門常見問題與個人分享
目錄1. 常見問題① WebGL、ThreeJS 會淘汰嗎?WebGL 是不是過時了?WebGPU 性能是不是比 WebGL 強?② WebGPU 什麼時候能用?怎麼才能用 WebGPU?我學習 WebGPU 需要什麼條件?③ WebGPU
原创 簡單使用 MapboxGL 自定義圖層繪製帶貼圖的矩形
目錄貼圖效果注意點源碼可改進點 寫文目的 不是經常用,可能會忘記基本用法,自留。 貼圖 效果 注意點 構成矩形的兩個三角形需要使用 mapboxgl.MercatorCoordinate.fromLngLat 方法轉換至 WebGL
原创 或許是 WebGIS 下一代的數據規範 - OGC API 系列
目錄1. 前言1.1. 經典的 OGC 標準回顧1.2. 共同特點與時代變化1.3. 免責聲明2. 什麼是 OGC API2.1. OGC API 是一個開放、動態的規範族2.2. OGC API 特點2.3. 衆 API 簡述(2022年
原创 OGC WebGIS 常用服務標準(WMS/WMTS/TMS/WFS)速查
本文只介紹實際工作中常用的 WMS、WMTS、WFS、TMS 四種,WCS、WPS 等其它 OGC WebService 類型請自行查閱官方資料。 目錄0. 參數傳遞方式1. WMS 速查1.1. 能力1.2. 獲取地圖圖片舉例(GetM
原创 ArcGIS Server RESTAPI 查詢某個 FeatureLayer 的要素個數
以前學生的時候只知道 Server 能做個分析,能返回個圖或者要素 JSON,RESTAPI 也是工作之後才逐漸知道的。 MapServer 和 FeatureServer 都能容納 FeatureLayer,訪問 FeatureLayer
原创 CesiumJS 2022^ 源碼解讀[0] - 文章目錄與源碼工程結構
很高興你能在浮躁的年代裏還有興趣閱讀源代碼,CesiumJS 至今已有十年以上,代碼量也積累了三十多萬行(未壓縮狀態)。 我也很榮幸自己的文章能被讀者看到,如果對你有幫助、有啓發,點個贊就是對我最大的鼓勵,感激不盡。本系列文章寫於 2022
原创 CesiumJS 2022^ 源碼解讀[8] - 資源封裝與多線程
目錄1. 資源封裝與請求封裝1.1. 請求的封裝 - Request 與其調度器1.2. 資源類 - Resource1.3. 延遲請求與最大請求個數限制1.4. 常用請求方法1.5. 舉例2. 多線程技術2.1. 跳轉器2.2. 基本用法
原创 CesiumJS 2022^ 源碼解讀[7] - 3DTiles 的請求、加載處理流程解析
目錄1. 3DTiles 數據集的類型2. 創建瓦片樹2.1. 請求入口文件2.2. 創建樹結構2.3. 瓦片緩存機制帶來的能力3. 瓦片樹的遍歷更新3.1. 三個大步驟3.2. 遍歷器3.3. 選擇瓦片3.4. 請求並解析瓦片內容3.5.
原创 CesiumJS 2022^ 原理[4] - 最複雜的地球皮膚 影像與地形的渲染與下載過程
目錄API 回顧1. 對象層級關係1.1. Scene 中特殊的物體 - Globe1.2. 地球 Globe 與橢球 Ellipsoid1.3. 瓦片四叉樹 - QuadtreePrimitive 及其成員2. 瓦片四叉樹單幀四個流程3.
原创 Cesium DrawCommand [1] 不談地球 畫個三角形
目錄0. 前言0.1. 源碼中的 DrawCommand1. 創建1.1. 構成要素 - VertexArray1.2. 構成要素 - ShaderProgram1.3. 構成要素 - WebGL 的統一值1.4. 渲染狀態對象 - Ren
原创 在 WebGPU 的片元着色器中訪問幀緩衝座標
目錄1. 技術說明2. 三角形例子HTMLJavaScript3. 着色器解析幀緩衝座標圖示源碼 1. 技術說明 使用最新 Edge/Chrome Canary 瀏覽器 使用 VSCode 插件 LiveServer 的 HTTP 服務
原创 CesiumJS 2022^ 原理[3] 渲染原理之從 Entity 看 DataSource 架構 - 生成 Primitive 的過程
目錄API 用法回顧1. 爲什麼要從 Viewer 訪問 Entity API1.1. 高層數據模型的封裝 - DataSource API1.2. 顯示管理器 DataSourceDisplay 與默認數據源 CustomDataSour
原创 CesiumJS 2022^ 原理[2] 渲染架構之三維物體 - 創建並執行指令
目錄回顧預備知識:指令預備知識:通道1. 生成並執行指令1.1. Primitive 生成指令1.2. Context 對象負責執行 WebGL 底層代碼2. 多段視錐體技術3. 指令對象的轉移篩選可見集4. 本篇總結 回顧 書接上文,S
原创 CesiumJS 2022^ 原理[1] 使用 requestAnimationFrame 循環觸發幀動畫
目錄0. 前置約定本系列說明1. 開始1.1. CesiumWidget 類是控制場景對象觸發渲染的調度器1.2. Scene 對象2. 三維地球哪來的?3. 本篇總結 0. 前置約定 對類的使用,不添加 Cesium 命名空間前綴,例
原创 WebGPU 工具分享 - WGSL 代碼高亮插件(VSCode)與預處理工具
WGSL 還在積極討論中,雖然各位大佬不是很滿意這個新生兒。 不過,社區已經有了基礎的實驗性工具(VSCode 插件),並支持了較新的語法。 ① WGSL 插件 這個插件支持對文件擴展名爲 .wgsl 的源代碼文件進行高亮顯示。 ② WG