# 开源三维 / 次元3D (ciyuan3d.com)

> 北京优悦幻光科技有限公司旗下开源 Web3D 技术站点。提供 380+ 篇 Three.js 与 Cesium.js 案例源码精讲教程，覆盖数字孪生、WebGL 着色器、三维可视化、智慧水利/能源/园区等场景。开源仓库 three-cesium-examples 在 GitHub 拥有 2000+ Star。

本站是 three-cesium-examples 的官方配套中文教程站，每篇教程包含：效果说明、核心概念、实现步骤、完整源码与在线 Demo 链接。

## 主站

- [首页](https://ciyuan3d.com/): 公司简介、开源三维生态、联系方式
- [案例教程总目录](https://ciyuan3d.com/examples/index.html): 380 个 WebGL 案例索引

## Three.js 教程 (301 篇)

- [Three.js 教程首页](https://ciyuan3d.com/examples/three/index.html)
- [入门案例](https://ciyuan3d.com/examples/three/introduction/index.html): Scene/Camera/Renderer 基础
- [基础案例](https://ciyuan3d.com/examples/three/basic/index.html): 模型加载、阴影、控制器
- [着色器](https://ciyuan3d.com/examples/three/shader/index.html): GLSL、onBeforeCompile、城市光效等 89 篇
- [粒子](https://ciyuan3d.com/examples/three/particle/index.html): 粒子系统 27 篇
- [应用场景](https://ciyuan3d.com/examples/three/application/index.html): 智慧城市、管道、测量 68 篇
- [动画效果](https://ciyuan3d.com/examples/three/animation/index.html): GSAP、Anime.js 15 篇
- [后期处理](https://ciyuan3d.com/examples/three/effectComposer/index.html): 辉光、Pass 10 篇

## Cesium.js 教程 (79 篇)

- [Cesium.js 教程首页](https://ciyuan3d.com/examples/cesium/index.html)
- [基础功能](https://ciyuan3d.com/examples/cesium/basic/index.html): Viewer、Entity、GeoJSON
- [在线地图](https://ciyuan3d.com/examples/cesium/layer/index.html): WMS、天地图、高德
- [应用案例](https://ciyuan3d.com/examples/cesium/applyExample/index.html): 飞线、导航、Globe
- [高级特效](https://ciyuan3d.com/examples/cesium/advancedEffect/index.html): 雨雪、城市光效

## 热门教程示例

- [Three.js 城市光效着色器](https://ciyuan3d.com/examples/three/shader/cityEffect.html): onBeforeCompile 注入 GLSL，建筑生长与扫光
- [Three.js 入门 Hello World](https://ciyuan3d.com/examples/three/introduction/入门.html): Scene + Camera + Renderer 最小示例
- [Cesium GeoJSON 面](https://ciyuan3d.com/examples/cesium/basic/geojsonFace.html): 行政区矢量贴地展示
- [Three.js 模型加载](https://ciyuan3d.com/examples/three/basic/modelLoad.html): glTF/FBX/OBJ 加载

## 外部资源

- [在线案例运行](https://threehub.cn/): three-cesium-examples 在线编辑器
- [GitHub 开源仓库](https://github.com/z2586300277/three-cesium-examples): 完整源码
- [Three.js 编辑器](https://z2586300277.github.io/three-editor/docs/dist/): 低代码三维编辑器

## 公司与联系

- 公司：北京优悦幻光科技有限公司
- 地址：北京丰台区大成里秀园3号楼四层
- 业务：数字孪生开发、Web 3D 三维可视化、Three.js/Cesium.js 技术服务
- 关键词：数字孪生, Web3D, Three.js, Cesium.js, WebGL, 三维可视化, 开源

## 镜像站点

- https://site.threehub.cn/ (与 ciyuan3d.com 内容相同)

## Optional

- Sitemap: https://ciyuan3d.com/sitemap.xml
- 教程格式：Markdown 已转为静态 HTML，适合搜索引擎与 AI 引用
- 许可：教程面向学习引用，源码遵循 GitHub 仓库开源协议