着色器入门：适用于初学者的JavaScript与p5.js教程

你是否已经准备好释放自己电脑的真正渲染能力，创造出令人叹为观止的视觉效果了呢？我们刚刚在freeCodeCamp.org的YouTube频道上发布了一门新课程，这门课程将教你图形编程的基础知识。

这门专为初学者设计的课程由Patt Vira开发，适合任何渴望深入了解WebGL以及运动数学原理的人学习，而且完全不需要任何先前的着色器使用经验。

通过这门课程，你将会明白为什么着色器的渲染速度要比传统的CPU快那么多——因为CPU和GPU在处理数据的方式上存在本质区别。你将深入学习GLSL语言，编写能够同时作用于数百万像素的代码。逐步掌握诸如坐标空间映射、利用形状函数来调整颜色、通过重复图案进行平铺处理，以及使用距离函数来绘制和动画化复杂图形等核心概念。

通过使用JavaScript和p5.js库跟随课程内容进行实践，你将能够完全从头开始构建一个精美且会动画效果的、发光的分形爱心形状。你还会学会如何组织文件结构，如何将JavaScript代码中的动态变量传递给GPU，以及如何运用基于余弦函数的调色技巧来创造出丰富而专业的色彩效果。

你可以在YouTube频道上观看这门完整的课程（时长1小时）。