优雅永不过时

Appearance

案例讲解 ​

380 个 WebGL / Three.js / Cesium.js 案例，每篇按 效果说明 → 核心概念 → 实现步骤 → 代码要点 → 源码 的结构讲解。在线运行与完整源码见 three-cesium-examples。

本分类案例均已对照 three-cesium-examples 源码生成精讲文档。

▶ 案例编辑器

推荐学习路径 ​

阶段目录说明
1️⃣ 入门Three.js 入门案例15 篇：Scene / Camera / Renderer、几何体、动画循环
2️⃣ 基础Three.js 基础案例模型加载、阴影、控制器、后期处理入门
3️⃣ 进阶着色器 · 粒子 · 后期自定义 GLSL、特效合成
4️⃣ 地球Cesium 基础 · 图层Viewer、Entity、3D Tiles、影像地形
5️⃣ 实战应用场景 · Cesium 应用智慧城市、飞线、导航等完整场景

每篇案例文末标注所属分类；入门系列建议按顺序阅读，其余可按兴趣跳转。

Three.js (301) ​

首页导航 (5) ​

着色器 (89) ​

粒子 (27) ​

游戏复刻 (3) ​

应用场景 (68) ​

动画效果 (15) ​

物理应用 (2) ​

扩展功能 (19) ​

后期处理 (10) ​

基础案例 (35) ​

入门案例 (15) ​

相关工具 (13) ​

Cesium.js (79) ​

首页导航 (3) ​

在线地图 (12) ​

离线地图 (7) ​

基础功能 (19) ​

单一效果 (11) ​

高级特效 (6) ​

应用相关 (9) ​

扩展功能 (6) ​

相关工具 (6) ​

版权所有 ©2019-2026 优雅永不过时