p5.js是什么？它是如何诞生的？这得从2001年讲起。艺术家Casey Reas和Ben Fry是美国麻省理工学院媒体实验室（M.I.T Media Lab）美学与计算小组的成员。该小组成立于1996年，由著名的计算机艺术家John Maeda领导。其开发了Design By Numbers语言并且一直致力于研究计算机程序与艺术表现的完美结合。过去，C++和Java是人们经常使用的编程语言，然而这两种编程语言让大多数艺术家感到烦恼，尤其是没有接触过编程的艺术家和设计师，编写这两种类型的代码对他们来说是非常困难的事情。Casey Reas和Ben Fry也意识到了这一点。在Design By Numbers语言的影响下，他们开发出了一款让设计师、艺术家和其他非程序员都能够轻松使用的计算机编程语言——Processing。

艺术与科技的巧妙结合，碰撞出让人意想不到的火花。通过Processing，设计师和艺术家可以更好地、更简单地使用代码来表现创意，不再被烦琐的编程语言束缚思维，而是可以将注意力集中在图像与交互方式上面。这些年，Processing已经广泛应用于艺术、人文科学、数据可视化、计算机科学等很多领域。

几年前，Casey Reas和Ben Fry联系了Lauren McCarthy，一起讨论并设想Processing在Web上呈现的可能性。他们带着这个想法，带着Processing的初衷，创建了p5.js这个JavaScript库，实现了Web端的互动艺术创作，释放出互联网创意编程的巨大魅力。

第一个p5.js的测试版于2014年8月推出，从那时起，它便在全世界范围内被设计师和艺术家使用。p5.js能有今日的成就，要归功于千万名艺术家与程序员的努力。他们修复核心功能漏洞、编写示范与案例、无私地分享代码，这些因素缺一不可。p5.js希望可以继承Processing的理念，在Web上继续做出好的创意，让更多的人接触到互动编程艺术，学习使用代码创作互动艺术作品的方法。

p5.js可以制作基于网页的图像、动画和交互作品。输入一行绘制点的代码，会有一个像素点显示在屏幕上。将绘制代码稍加变化，像素点可能会变成一个椭圆形。再多写几行代码，椭圆便能跟随鼠标指针移动。试着添加一些描绘颜色的代码后，当单击鼠标时，椭圆会改变颜色。在编写和修改代码的过程中，一步一步实现图形的绘制与互动，是一件非常有趣的事情。为了让使用Processing的用户能更好地适应Web开发，p5.js尽可能地遵循Processing的语法。但是，毕竟p5.js使用JavaScript语言构建，而Processing使用Java语言构建，两种语言有着不同的模式。因此，有时在编写过程中不得不偏离Processing的语法。不过p5.js与其他JavaScript库可以完美地兼容，从功能到工具上实现无缝集成，从而对熟悉Web或前端开发但不了解创意编程的用户是非常友好的。

在接下来的章节中，本书将阐述p5.js提供的各种绘图和互动方法。 GryYL5o+rmHte+QGOayCZ3Qxdu1lErM4OIXIXaZwB9hA9ZqyEtNfGdON9m0Ie7PG