这篇文章介绍了freeCodeCamp.org的新课程，教授图形编程基础，适合初学者。课程由Patt Vira开发，涵盖WebGL和运动数学，学习GLSL语言，掌握坐标映射、形状函数、域重复等核心概念。学员将使用JavaScript和p5.js库创建一个动画的发光分形心形图案，课程时长1小时，可在YouTube观看。

创造性编码通过p5.js工具，将编程与艺术结合，生成视觉、声音和互动体验。p5.js是一个适合初学者的开源JavaScript库，支持网页互动艺术创作，用户可通过简单代码创建图形、动画和游戏，鼓励探索与实验。

本文分享了作者在p5.js Web Editor上创作的50多幅独特草图，展示了多种编码技巧和艺术表现，包含目录和每幅草图的详细介绍，鼓励读者浏览和评论。

这是一个使用p5.js制作的动态图形，点击鼠标可启动移动的三角形。

测试现有的p5.js附加库与p5.js 2.0的兼容性，若有问题，请使用新语法进行故障排除。p5.js 1.x仍会修复，建议查看过渡策略并联系团队获取帮助。

在p5.js 2.0中，将preload函数替换为async setup函数，原有preload中的代码移至setup，并添加async和await关键字，以实现异步加载。这一变更旨在简化代码，提升学习体验，适应现代JavaScript的异步操作。

使用p5.js和HTML，点击鼠标以开始。

这篇文章介绍了如何使用p5.js进行图形绘制，涵盖了基本的绘图函数和示例代码。

这篇文章介绍了如何在p5.js中创建3D图形，包括基本的3D形状、相机控制和光照效果的实现。

本文介绍了p5.js图形编程的基本概念和技巧，重点在创意编码的应用。通过示例，读者可学习创建动态和交互式视觉效果。

这是一幅使用p5.js绘制的城市中两个气球的图像。

本文介绍了使用p5.js绘制一个移动宇宙飞船的过程。

这是一部使用p5.js和HTML制作的3D动画，标题为CSS动画。

这是一部使用p5.js制作的动画。

作者发现没有类似于Python下的Manim库的前端库，选择了p5js，但在不同屏幕尺寸上协作数学公式、控件字体和p5js很困难。作者认为Manim的输出考虑了使用ffmpeg生成视频，可能会开发一个完整的库来控制整个版面。