<!-- title: 从代码到画布七大创意编程 -->
<!-- domain: programming -->

# 从代码到画布：七大创意编程频道深度解读

## 本期概述

编程不只是写逻辑、调接口、部署服务。有一群创作者，他们用代码画画、用算法作曲、用数学构建整个虚拟世界——然后把整个过程拍成视频，让数百万人为之着迷。本期精选聚焦**创意编程**领域，涵盖程序化生成、着色器艺术、游戏引擎构建、生成式图形等方向，甄选七个将编程从工程工具升华为创作媒介的顶级YouTube频道。

这些频道的共同特征是：**不教你"如何找工作"，而是让你重新爱上编程本身。** 无论你是资深工程师还是编程新手，这些内容都能打开一扇通往编程世界更广阔可能性的窗户。

## 频道全景对比

| 频道名称 | 订阅数 | 核心领域 | 代表作 | 语言门槛 |
|----------|--------|---------|--------|---------|
| Sebastian Lague | ~140万 | 程序化生成/算法可视化 | Coding Adventures系列 | C#/Unity, 中级 |
| Freya Holmér | ~100万 | 游戏数学/着色器编程 | Math for Game Devs | Unity/C#, 中级 |
| The Coding Train | ~180万 | 创意编码/p5.js | Nature of Code系列 | JavaScript, 入门 |
| CodeParade | ~51万 | 实验性创意编码 | Fractal Explorer | C++/Python, 中级 |
| The Cherno | ~75万 | C++游戏引擎 | Hazel Engine系列 | C++, 高级 |
| Inigo Quilez | ~30万 | 数学着色器/光线追踪 | "Painting with Maths" | GLSL, 高级 |
| Tsoding | ~45万 | 休闲编程/多语言 | Live Coding系列 | 多语言, 中高级 |

## 深度解读

### 一、Sebastian Lague——用算法讲故事的人

**频道链接**：[youtube.com/c/SebastianLague](https://www.youtube.com/c/SebastianLague)

来自南非的独立游戏开发者Sebastian Lague，运营着编程领域最令人期待的频道之一。他的"Coding Adventures"系列不是教程，更像是一场场精心编排的编程纪录片——每期围绕一个有趣的算法或技术挑战展开，从进化模拟到地形生成，从粒子物理到音频分析，用精美的可视化和流畅的叙事，把抽象的算法变成可感知的视觉奇观。

2026年最新作品包括《Coding Adventure: Analyzing Audio》和《Coding Adventure: Solving the Rubik's Cube》，前者用快速傅里叶变换（FFT）实时解析音频频谱，后者用群论和搜索算法破解魔方。每期视频的视觉制作水准堪比独立短片，代码在屏幕上流淌的同时，观众仿佛在欣赏一场算法的芭蕾。

**核心洞察**：
- 程序化生成（Procedural Generation）是将数学规则转化为自然景观的关键技术，Sebastian的地球模拟和地形系统是最好的学习范本
- 算法可视化不是简单的数据图表，而是将计算过程转化为叙事——观众不仅看到结果，更理解过程
- "项目驱动学习"比"概念先行"更有效：通过构建有趣的东西来学习算法，远比刷题有趣

**适合人群**：有一定编程基础、对算法和程序化生成感兴趣的开发者；视觉设计师想用代码创造生成艺术

---

### 二、Freya Holmér——游戏数学的视觉诗人

**频道链接**：[youtube.com/@acegikmo](https://www.youtube.com/channel/UC7M-Wz4zK8oikt6ATcoTwBA)

瑞典游戏开发者Freya Holmér的频道，堪称YouTube上最好的"数学×编程"交叉内容。她的《Math for Game Devs》系列直播课程，用实时手绘板演示将向量、矩阵、贝塞尔曲线等数学概念转化为直觉性的视觉理解。Reddit上有人评价："这系列是我在YouTube上见过的最好的游戏开发数学教学。"

Freya的独到之处在于，她不只是教你公式，而是让你**看到**公式在做什么。当她讲解贝塞尔曲线时，你看到的是一条曲线如何被控制点优雅地牵引；当她讲解叉积时，你看到的是法线向量如何从两个方向向量中"长"出来。她还是Unity资源商店中知名工具"Shapes"和" spline"的作者，这些工具本身也是数学转化为可视化创作工具的范例。

**核心洞察**：
- 向量点积（Dot Product）不仅是公式，更是理解"两个方向有多一致"的直觉工具——游戏中的视野检测、光照计算都依赖它
- 贝塞尔曲线（Bézier Curve）是连接数学优雅与工程实用性的完美桥梁，从UI动画到赛车赛道设计无处不在
- 数学教育的瓶颈不是难度，而是**可视化缺失**——当抽象概念被具象化呈现，学习曲线会显著变平

**适合人群**：游戏开发者、图形程序员、想要补足数学直觉的所有开发者

---

### 三、The Coding Train——人人都能上车的创意编程

**频道链接**：[youtube.com/@TheCodingTrain](https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw)

Daniel Shiffman的The Coding Train是创意编程领域最具感染力的频道。作为NYU Tisch艺术学院的副教授，Shiffman将编程教学变成了一场充满热情和幽默的表演。他的核心工具是p5.js——一个为艺术家和设计师设计的JavaScript创意编码框架。

从经典的《Nature of Code》系列（用代码模拟自然界的物理行为——粒子系统、遗传算法、神经网络），到"Coding Challenges"环节（在有限时间内用代码实现各种有趣项目），Shiffman展示了编程最平易近人的一面：不需要深奥的理论，一台浏览器就能开始创造。他的教学风格极具个人魅力——手舞足蹈、语速飞快、经常自嘲"这个bug又花了我半小时"——让每个观众都觉得编程是一件快乐而非痛苦的事情。

**核心洞察**：
- p5.js是进入创意编程的最低门槛——一个HTML文件就能开始，零构建配置
- "Coding Challenge"模式展示了真实编程过程：不是完美地写出答案，而是在错误和调试中摸索前行
- 创意编程的核心价值不在于产出工具或产品，而在于**降低创造的心理门槛**——让每个人都敢动手

**适合人群**：编程初学者、设计师/艺术家想学编程、教育工作者寻找教学灵感

---

### 四、CodeParade——实验精神驱动的代码游乐场

**频道链接**：[youtube.com/@codeparade](https://www.youtube.com/@codeparade)

CodeParade（GitHub名为HackerPoet）是一个纯粹由好奇心驱动的创意编码频道，拥有约50.8万订阅者。频道的内容涵盖了从分形探索器（Fractal Explorer）到非欧几里得几何渲染器，从程序化星球生成到音频可视化实验。每一个项目都像是从"如果……会怎样？"这个问题中生长出来的。

最令人印象深刻的作品之一是他的分形探索器——一个实时的、可交互的分形渲染程序，让观众可以"飞入"曼德博集合的无限细节中。另一个标志性项目是"地球模拟器"，用程序化技术生成了包含地形、气候、生物群落的整个行星系统。CodeParade的特殊之处在于，视频不只是展示结果，而是完整呈现从"灵感到实现"的思考过程——包括那些被放弃的方案和意外的发现。

**核心洞察**：
- 分形（Fractal）是理解"简单规则产生复杂结构"的最佳入口——曼德博集合仅用一个公式 `z = z² + c` 就能生成无限复杂的图案
- 非欧几里得几何在游戏空间设计中有巨大潜力——弯曲的空间可以创造超出物理世界的体验
- "玩具项目"（Toy Project）不是浪费时间，它是程序员保持创造力和探索欲的关键——CodeParade的很多项目最终启发了严肃的商业应用

**适合人群**：对数学与编程交叉领域着迷的开发者、想用代码做"酷东西"的极客

---

### 五、The Cherno——从零构建游戏引擎的教科书

**频道链接**：[youtube.com/@TheCherno](https://www.youtube.com/channel/UCQ-W1KE9EYfdxhL6S4twUNw)

Yan Chernikov（The Cherno）的频道是YouTube上最硬核的C++游戏引擎开发教程之一。他的Hazel Engine系列从第一行代码开始，一步步构建一个完整的2D/3D游戏引擎——涵盖窗口系统、输入处理、渲染抽象层（支持OpenGL和Vulkan）、ECS架构、脚本系统等核心模块。

虽然Hazel Engine项目在2025年经历了一些波折，但整个视频系列仍然是学习游戏引擎架构的绝佳资源。The Cherno曾在EA工作，对C++语言特性的深入理解贯穿整个系列——从智能指针到模板元编程，从内存对齐到多线程渲染。他的视频制作风格简洁干练，不像Sebastian Lague那样充满叙事性，但对想深入理解渲染管线和引擎架构的开发者来说，信息密度极高。

2026年The Cherno继续在"Cherno Unplugged"频道进行Hazel引擎的Vulkan渲染器开发直播，解决线程同步和交换链（Swapchain）等底层问题。

**核心洞察**：
- 游戏引擎的本质是**抽象层设计**——如何在硬件API之上构建既灵活又高效的渲染接口
- C++在游戏引擎领域的不可替代性来自其对内存布局的精确控制和零成本抽象原则
- 构建游戏引擎是学习系统编程最高效的方式——你将同时触及图形学、操作系统、编译原理和并发编程

**适合人群**：C++中高级开发者、游戏引擎开发者、想深入理解渲染管线的图形程序员

---

### 六、Inigo Quilez——用数学"画画"的着色器大师

**频道链接**：[youtube.com/c/InigoQuilez](https://www.youtube.com/c/InigoQuilez)

Inigo Quilez（常被称为"iq"）是Shadertoy的联合创始人、Pixar前技术总监，也是程序化图形领域的传奇人物。他的频道标题"Painting with Maths"（用数学绘画）完美概括了他的创作哲学——用纯粹的数学函数在GPU着色器中创建令人叹为观止的视觉艺术。

iq的视频展示了GLSL着色器编程的极致可能性：用符号距离函数（SDF）和光线步进（Ray Marching）技术，仅用几十行着色器代码就能渲染出逼真的水面、云层、植被和建筑。他的作品"Selfie Girl"——用纯数学函数在着色器中"画"出一幅自拍女孩的画像——是程序化图形领域的里程碑式作品。除了YouTube频道，他的个人网站iquilezles.org是着色器编程最宝贵的参考资源之一，包含了大量关于SDF操作、噪声函数、光线步进的详细教程。

**核心洞察**：
- 符号距离函数（Signed Distance Function, SDF）是程序化图形的核心工具——它用一个数学函数描述空间中任意点到物体表面的距离，使复杂的布尔运算（并、交、差）变得异常简洁
- 光线步进（Ray Marching）不同于传统的光栅化渲染，它通过在场景中"步进"光线来探测几何体，特别适合渲染分形、体积云等复杂形体
- 噪声函数（Noise Function）是自然模拟的基石——Perlin噪声、Simplex噪声、Worley噪声各有所长，组合使用可以模拟几乎任何自然纹理

**适合人群**：图形程序员、着色器开发者、想了解实时渲染前沿技术的技术美术

---

### 七、Tsoding——无剧本的编程即兴表演

**频道链接**：[youtube.com/@tsoding](https://www.youtube.com/tsoding)

Tsoding是一个独特的存在——他没有精心策划的系列，没有精美的视觉包装，甚至没有固定的编程语言。他做的事情很简单：打开编辑器，打开摄像头，然后开始编程。从用C语言手写UTF-8解析器，到用Haskell实现JSON解析器，到用OCaml构建编译器，Tsoding展示了纯粹的"编程思考过程"——包括走错方向、回溯重构、意外发现。

这种无脚本的直播式风格在YouTube编程频道中是罕见的。大多数教程频道展示的是精心打磨后的"完美路径"，而Tsoding展示了真实的编程过程——充满了试错、犹豫和"啊哈"时刻。他的内容不适合寻找"如何做X"的答案型学习者，但对于想提升"编程思维能力"的开发者来说，观看Tsoding解决问题就像看一位经验丰富的匠人手工制作——你能学到的不只是技术，更是思维方式和问题分解策略。

2026年Tsoding仍在活跃直播，定期在Twitch和YouTube上同步更新，近期内容包括Advent of Code挑战（用Haskell解题）和各种底层编程实验。

**核心洞察**：
- 编程能力提升的核心不是学习更多API，而是**增强问题分解能力**——Tsoding每次面对新项目时，都先进行清晰的问题建模和模块划分
- 多语言编程（Polyglot Programming）不是炫技，而是**用合适的工具解决合适的问题**——Haskell适合解析器，C适合底层系统，OCaml适合编译器
- 直播式编程的巨大教育价值在于展示**真实的调试过程**——观众能看到从"报错了"到"修好了"的完整推理链条

**适合人群**：中级以上开发者、想观察真实编程思维的学徒型学习者、函数式编程爱好者

---

## 知识结构图

```mermaid
mindmap
  root((创意编程))
    数学基础
      向量与矩阵
        Freya Holmér
      贝塞尔曲线
        Freya Holmér
      噪声函数
        Inigo Quilez
      符号距离函数
        Inigo Quilez
    图形渲染
      光线步进
        Inigo Quilez
      光栅化管线
        The Cherno
      着色器编程
        Inigo Quilez
        Freya Holmér
    创意编码
      p5.js可视化
        The Coding Train
      粒子系统
        The Coding Train
      分形生成
        CodeParade
    程序化生成
      地形系统
        Sebastian Lague
      模拟算法
        Sebastian Lague
      行星生成
        CodeParade
    引擎架构
      渲染抽象层
        The Cherno
      ECS设计
        The Cherno
      Vulkan后端
        The Cherno
    编程思维
      问题分解
        Tsoding
      多语言实践
        Tsoding
      直播式学习
        Tsoding
```

## 频道选择决策指南

```mermaid
flowchart TD
    A[你的编程水平？] --> B{入门}
    A --> C{中级}
    A --> D{高级}

    B --> E[The Coding Train]
    E --> E1["p5.js创意编码<br/>零门槛起步"]

    C --> F{你的兴趣方向？}
    F --> |数学与图形| G[Freya Holmér]
    G --> G1["游戏数学可视化<br/>着色器入门"]
    F --> |算法与模拟| H[Sebastian Lague]
    H --> H1["程序化生成<br/>算法冒险"]
    F --> |实验与探索| I[CodeParade]
    I --> I1["分形/非欧几何<br/>数学实验"]

    D --> J{你的专业方向？}
    J --> |游戏引擎| K[The Cherno]
    K --> K1["C++引擎开发<br/>Vulkan渲染"]
    J --> |着色器/SDF| L[Inigo Quilez]
    L --> L1["光线步进<br/>程序化图形"]
    J --> |编程思维| M[Tsoding]
    M --> M1["多语言实践<br/>真实编程过程"]
```

## 延伸推荐

| 频道名称 | 方向 | 推荐理由 |
|----------|------|---------|
| **The Art of Code** | 着色器艺术 | 以"一句话着色器"挑战闻名，适合着色器入门 |
| **Shädertoy** (网站) | 着色器分享平台 | Inigo Quilez联合创建的着色器社区，全球着色器艺术家的聚集地 |
| **Ben Eater** | 计算机底层 | 用面包板从NAND门构建完整计算机，理解GPU渲染的最底层原理 |
| **The Coding Train** (中文社区) | 创意编程中文 | 国内爱好者翻译的Coding Train内容，降低语言门槛 |
| ** eigensteve** | 数学可视化 | 用代码可视化线性代数和微积分概念，是Freya Holmér的良好补充 |

## 学习路径建议

对于想系统学习创意编程的读者，建议按以下顺序探索：

1. **起步**：从The Coding Train的p5.js教程开始，建立"代码即画笔"的直觉
2. **数学补课**：跟随Freya Holmér的Math for Game Devs系列，建立向量、矩阵、曲线的视觉理解
3. **灵感拓展**：观看Sebastian Lague和CodeParade的项目视频，打开创意视野
4. **深入底层**：通过The Cherno的游戏引擎系列或Inigo Quilez的着色器教程，掌握核心技术
5. **思维训练**：跟随Tsoding的直播，观察真实的问题解决过程

创意编程的终极目标不是产出某种产品，而是培养一种思维方式——**把世界看作可计算的、可创造的、可重塑的**。当数学不再是课本上的符号，而变成屏幕上流动的光影；当算法不再是面试题中的抽象概念，而变成生态系统中的进化动力——编程就回到了它最纯粹的状态：一种创造的艺术。

## 参考来源

1. [Sebastian Lague YouTube Channel](https://www.youtube.com/c/SebastianLague) — 编程冒险系列，程序化生成与算法可视化
2. [Freya Holmér YouTube Channel](https://www.youtube.com/channel/UC7M-Wz4zK8oikt6ATcoTwBA) — 游戏数学与着色器编程教学
3. [developereducators.com - 50 Best Programming YouTube Channels 2026](https://developereducators.com/lists/best-programming-youtube-channels/) — 2026年度编程YouTube频道综合排名
4. [crackr.dev - 50 Best Coding YouTube Channels 2026](https://www.crackr.dev/blog/best-coding-youtube-channels) — 按类别分类的编程频道推荐
5. [Inigo Quilez Personal Site](https://iquilezles.org/) — 着色器编程教程与SDF参考资源库

---
> 本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵**爱卫生**（微信ID: gprshome201101）维护，聚焦5G/6G核心网、3GPP标准解读、通信前沿技术深度分析。
> 出版作品有《5G核心网原理与实践》《IMS原理与实践》等4本通信专业书籍。知识星球「51学通信」提供深度技术答疑和行业洞察。

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)
