Tag: WebGL

All the articles with the tag "WebGL".

• 前端高斯泼溅渲染方案对比：Cesium 3D Tiles vs SparkJS 2.0

  Updated:12 Jun, 2026

  3D Gaussian Splatting（3DGS）正在快速成为 Web 端实景三维渲染的主流表示方式。但”如何在浏览器里高效地流式加载并渲染数百万甚至上千万个 splat”，目前业界并没有统一答案。本文对比当前两条最具代表性的开源技术路线——Cesium 3D Tiles + glTF KHR_gaussian_splatting 与 SparkJ...

  

• Mapbox 3D 立交实现方式解析

  Updated:23 Jun, 2025

  看了下最近的 Mapbox GL JS 的更新日志，发现新增了立交桥的3D显示效果。根据车道级的高精地图数据，能够实现立交，高架，隧道，导流区等形式的效果。还是挺美观的。下面将从样式，数据，渲染等几个角度研究一下 Mapbox 的实现思路。

  

• 假设“地球是平的”以加速 deck.gl 渲染 — WebGL精度丢失问题

  Updated:24 Feb, 2025

  deck.gl 是一个开源的 WebGL 驱动框架，用于对大型数据集进行可视化的探索性数据分析。因为工作需要，我尝试改造 deck.gl 以让它支持 EPSG:4326 投影坐标系…

  

• WebGL Insights — Getting Serious with JavaScript（上）

  Updated:18 Feb, 2025

  WebGL相关的书籍并不多，《WebGL Insights》算是一本，其中各个章节都是由行业内资深的开发者们编写的。书中第四章的作者，Matthew Amato 和 Kevin R…

  

• Mapbox 矢量瓦片的生命周期介绍

  Updated:18 Feb, 2025

  翻译自 maplibre/maplibre-gl-js 项目的《life-of-a-tile》，介绍了矢量瓦片的请求，解析，渲染的流程。

  

• 学习笔记——Three.JS

  Updated:18 Feb, 2025

  Three.JS相关的学习笔记。

• 建筑物阴影效果的实现

  Updated:18 Feb, 2025

  在 Mapbox 中实现基于日照的建筑物阴影效果。

  

• WebGL Insights — Getting Serious with JavaScript（下）

  Updated:9 Feb, 2025

  4.3 性能 写关于 JavaScript 性能的文章是件棘手的事，因为它是一个不断变化的目标。浏览器实现会定期改进，目前运行缓慢的代码可能很快就会被优化。然而，即使在自更新浏览器…

  

• 学习笔记——WebGL

  Updated:4 Feb, 2025

  主要基于《WebGL 理论基础》文档的学习笔记。

• 如何投影贴花（译：How to project decals）

  Updated:12 Jan, 2023

  本文翻译自《How to project decals》。 开头省略200字寒暄，作者介绍了自己在编辑器中如何实现贴花功能的。本文将对“如何对一个复杂几何体进行贴花投影”的算法做一…

  

• 前端栅格瓦片重投影

  Updated:3 Jan, 2023

  在前端实现栅格瓦片的重投影，使得非墨卡托投影的WMTS能够叠加在墨卡托投影的地图上。

  

• 多边形渐变色的实现

  Updated:3 Jan, 2023

  在前端通过多边形直骨架算法实现多边形的内发光/阴影效果。类似于 QGIS 中的“shapeburst fill”。