如果你已经会调 Cesium 或 Leaflet 的接口,却说不清屏幕上一个瓦片是怎么从磁盘走到 GPU 的,这门课就是冲这个缺口来的。它不教你调库,而是带你用 OpenGL 把三维 GIS 引擎的骨架一行行搭出来,第一季结束时应能跑起一个能漫游、能拾取、能加载图源的自主平台。

先确认你要补的是哪块

课程默认你写过 C++,也见过 OpenGL 的基本调用,但没独立组织过渲染框架。典型的状态是:知道 glDrawArrays 怎么用,却不知道怎么把窗口、上下文、帧循环、相机、场景数据串成不混乱的结构;或者做过二维地图,想往三维走,卡在投影转换和瓦片调度上。

如果这些描述里有两条以上对得上,本季的推进节奏大概率适合你。它不从画三角形讲起,直接进入引擎层面的组织问题。

按引擎骨架推进,而不是按 API 顺序

前段从窗口与上下文、帧循环搭起渲染框架,随后接入多线程绘制与资源/纹理管理。相机部分不是给一个现成控制器,而要自己实现缩放、绕任意点旋转和漫游——这几个功能背后是视图矩阵与交互逻辑的配合,写一遍比看十遍更清楚。

场景侧会做包围盒与包围球,用于可见性判断和拾取。坐标转换落在经纬度与墨卡托投影上,射线拾取则把屏幕坐标还原成三维空间里的射线,再和场景对象求交。这几块是三维 GIS 里最常被问到、也最容易写错的部分。

瓦片调度用四叉树:算 TileId、做节点分割、驱动瓦片加载。数据侧的 IO 与 GL 上传被拆成生产者—消费者任务系统,避免读盘卡住绘制。这些设计决定会直接影响后面的性能表现。

后半段解决的是“能跑”到“跑得住”

性能部分覆盖 API 耗时定位、顶点与纹理打包、不可见裁剪、纹理压缩。它们不是孤立技巧,而是前面架构留下的接口在起作用:任务系统管住了上传时机,四叉树管住了加载范围,裁剪才有意义。

最后落到扩展能力:用 DLL 插件加载 TMS 与 Google 图源,用 GDI 做绘制,再接入 Shapefile 矢量。这一步验证的是引擎的边界是否清晰——图源、绘制、矢量数据都能从外部挂进来,而不是硬编码在渲染循环里。

看完你应该能回答这些问题

  • 一个瓦片从请求到出现在屏幕上,经过哪些线程和哪些状态切换?
  • 绕任意点旋转的相机,视图矩阵是怎么构造的,为什么直接改旋转角会飘?
  • 四叉树节点分割的判据是什么,TileId 怎么算才不会和相邻层级冲突?
  • 射线拾取在包围盒和包围球两种情况下,判定顺序和提前退出的条件分别是什么?
  • 经纬度与墨卡托转换在瓦片编号和顶点坐标两处各用在什么地方?
  • 性能瓶颈出现时,先看 API 耗时还是先看纹理打包,依据是什么?

配套练习建议

课程本身按模块推进,练习最好跟着模块走,而不是等全部看完再动手。窗口与上下文阶段,先把帧循环和资源释放写对;相机阶段,强制自己不看参考实现,独立完成绕任意点旋转;四叉树阶段,用打印 TileId 的方式验证分割逻辑,比盯着画面猜更有效。任务系统那块建议人为制造一次 IO 延迟,观察绘制线程是否被拖住。最后的插件加载,试着换一个图源地址,看引擎是否还需要改内部代码。

这门课不适合想快速做出效果的人。它面向的是愿意把渲染框架、场景组织、数据调度都自己写一遍的学习者。第一季结束时,你手里应该是一个能继续加功能的基础平台,而不是一份能跑但不能改的示例。


这是自主三维 GIS 引擎的第一季:用 OpenGL 从窗口、上下文和帧循环搭起渲染框架,再做摄像机漫游、包围盒/射线拾取、经纬度与墨卡托投影,并用四叉树管理瓦片场景。后半段补上异步任务系统、顶点/纹理打包与裁剪优化,最后用 DLL 插件加载 TMS / Google 图源、GDI 绘制和 Shapefile 矢量。

课程推荐

《OpenGL-自主高性能三维GIS平台架构与实现 第一季》适合有 C++ 和一点 OpenGL 基础、想自己做三维地图而不是只会调 Cesium 的人。课按引擎骨架推进:窗口与上下文、多线程绘制、资源/纹理管理、3D 场景与摄像机(缩放、任意点旋转、漫游),再做包围盒/包围球、坐标转换和射线拾取。场景侧用四叉树算 TileId、节点分割与瓦片加载;数据侧用生产者-消费者任务系统把 IO 和 GL 上传拆开。性能部分覆盖 API 耗时、顶点/纹理打包、不可见裁剪、纹理压缩和 cache。收尾用 DLL 重构,支持嵌入外部窗口,并做任意格式瓦片、TMS、HttpGoogle、自定义绘制、GDI 多线程和 Shapefile 矢量插件。【技能收获】学完可掌握:OpenGL 渲染框架与多线程上下文、三维摄像机与拾取、墨卡托投影与经纬度转换、四叉树瓦片调度、异步任务系统、绘制批处理与裁剪、GIS 图源/矢量插件。105 节按模块连续推进,便于对照代码搭出可演示的三维地图。【学习建议】建议按 1~105 顺序:先把 1~21 的窗口和摄像机跑通,22~41 做完包围体、射线和投影,42~56 画出四叉树瓦片,57~80 把异步加载和性能优化接上,81~105 再做插件化图源与 shp。每完成一块就保存一帧「能拖动缩放的地图」截图,比只看原理更能写进作品集。【就业发展】可面向岗位:三维 GIS 引擎开发、图形渲染工程师、数字孪生 / 地图可视化。政务一张图和行业 GIS 仍需要能自己做瓦片调度、相机漫游和矢量叠加的人,手写 OpenGL 引擎比只会调现成三维地球 API 更有底层说服力。

视频目录(105 节)

*   1 课程介绍.mp4

*   2 窗口建立.mp4

*   3 环境配置.mp4

*   4 窗口类的抽象封装.mp4

*   5 上下文管理(OpenGLSetup).mp4

*   6 OpenGL帧循环.mp4

*   7 事件处理.mp4

*   8 获取OpenGL高版本功能.mp4

*   9 框架之-OpenGL封装.mp4

*   10 框架之-Frame.mp4

*   11 框架之多线程绘制.mp4

*   12 框架之多线程绘制(2).mp4

*   13 上下文管理(框架数据结构).mp4

*   14 上下文管理(框架数据结构)-资源管理.mp4

*   15 上下文管理(框架数据结构)-资源管理2.mp4

*   16 上下文管理(框架数据结构)-纹理管理.mp4

*   17 上下文管理(框架数据结构)-Image.mp4

*   18 创建3D场景.mp4

*   19 引入摄像机.mp4

*   20 摄像机完善.mp4

*   21 摄像机控制.mp4

*   22 摄像机控制-鼠标缩放.mp4

*   23 三维向量实现-包围盒-包围球.mp4

*   24 包围盒计算通用化以及变化更新.mp4

*   25 包围盒-实践.mp4

*   26 包围球.mp4

*   27 坐标转换,实现经纬度-世界坐标-窗口坐标.mp4

*   28 射线.mp4

*   29 射线的应用-三角形相交.mp4

*   30 射线的应用-拾取.mp4

*   31 摄像机的完善.mp4

*   32 优化完善框架-资源数据优化处理.mp4

*   33 优化OpenGL线程上下文处理.mp4

*   34 墨卡托投影.mp4

*   35 摄像机原理介绍.mp4

*   36 第三人称摄像机.mp4

*   37 摄像机的旋转-中心点.mp4

*   38 代码整理封装.mp4

*   39 摄像机的旋转-任意点.mp4

*   40 摄像机缩放-任意点推进.mp4

*   41 摄像机移动漫游.mp4

*   42 场景管理的知识介绍-Octree-QuadTree-BSP.mp4

*   43 四叉树-TileId计算.mp4

*   44 瓦片Id计算&坐标转换.mp4

*   45 场景管理-四叉树-初步.mp4

*   46 场景管理-四叉树-框架.mp4

*   47 场景管理-四叉树-框架2.mp4

*   48 场景管理-四叉树-节点分割-退化.mp4

*   49 场景管理-四叉树绘制.mp4

*   50 场景管理-四叉树-瓦片加载.mp4

*   51 场景管理-四叉树-无数据处理.mp4

*   52 场景管理-四叉树-无数据处理(2).mp4

*   53 场景管理-四叉树-无数据处理-方式2.mp4

*   54 场景管理-四叉树-无数据处理-方式2-数据不全处理.mp4

*   55 场景管理-四叉树-优化操作-总结.mp4

*   56 场景管理-四叉树-优化操作-总结.mp4

*   57 数据管理-异步数据加载.mp4

*   58 任务系统-线程模型(生产者与消费者).mp4

*   59 任务系统-线程间通讯的基础.mp4

*   60 任务系统-接口定义实现.mp4

*   61 任务系统-框架实现.mp4

*   62 任务系统-框架实现(2).mp4

*   63 任务系统-打通流程.mp4

*   64 任务系统-OpenGL数据流程.mp4

*   65 任务系统-流程优化.mp4

*   66 任务系统-流程优化2.mp4

*   67 影响性能的因素(时间都去哪里了).mp4

*   68 API调用时间原理分析.mp4

*   69 顶点数据打包.mp4

*   70 顶点数据打包-索引方式.mp4

*   71 纹理打包(方式1).mp4

*   72 纹理打包(方式2-数组cache).mp4

*   73 纹理打包(方式2-数组cache)2.mp4

*   74 降低绘制数据量.mp4

*   75 优化节点(不可见处理).mp4

*   76 优化节点(不可见处理)2.mp4

*   77 优化节点(不可见处理).mp4

*   78 纹理压缩.mp4

*   79 cache(缓存).mp4

*   80 总结.mp4

*   81 框架设计原理.mp4

*   82 利用dll(动态链接库)重构架构.mp4

*   83 主工程的接口设计与实现.mp4

*   84 改进完善代码支持嵌入到其他窗口中.mp4

*   85 外部输入事件处理.mp4

*   86 瓦片插件-任意格式瓦片支持.mp4

*   87 瓦片插件-任意格式瓦片支持2.mp4

*   88 瓦片插件-任意格式瓦片支持3.mp4

*   89 瓦片插件-任意格式瓦片支持5.mp4

*   90 瓦片插件-任意格式瓦片支持4.mp4

*   91 图源插件应用-TMS图源加载.mp4

*   92 瓦片插件-HttpGoogle.mp4

*   93 瓦片插件-HttpGoogle(2).mp4

*   94 瓦片插件-HttpGoogle(3).mp4

*   95 瓦片插件-通用插件(1).mp4

*   96 瓦片插件-通用插件(2).mp4

*   97 瓦片插件-通用插件(3).mp4

*   98 瓦片插件-用户自定义绘制.mp4

*   99 -瓦片插件-GDI多线程绘制.mp4

*   100 瓦片插件-Shapefile(Shp)瓦片.mp4

*   101 801-架构设计-矢量.mp4

*   102 802-架构设计-矢量接口实现(shp文件解析).mp4

*   103 803-架构设计-矢量接口实现(shp文件解析.mp4

*   104 804-架构设计-矢量接口实现(shp文件解析)..mp4

*   105 805-架构设计-矢量接口实现(shp文件解析).mp4