跳到内容

语言设定

程式库

如何使用程式库

p5.js 程式库可以是任何扩展或延伸 p5.js 核心功能的 JavaScript 代码,它们主要分为两种。核心程式库(p5.sound)是 p5.js 正式发布组的一部分,而社群贡献程式库是由 p5.js 社群成员持有、开发及维持的。

如果您想在您的绘图内加入任何附加程式库,您只需在 HTML 文件内添加程式库的链接,此链接必须发生在 p5.js 的链接之后。一个 HTML 范例如下:

<!doctype html>
<html>
<head>
  <script src="p5.js"></script>
  <script src="p5.sound.js"></script>
  <script src="sketch.js"></script>
</head>
<body>
</body>
</html>
      

制作附加程式库

p5.js 欢迎任何人所制作的附加程式库!请参考 程式库编辑教程(英文页面) 以了解更多关于如何制作附加程式库的步骤。 如果您编辑了一个附加程式库并且希望将其显示在此页面,请填入这份表格!

核心程式库

p5.sound 使用 Web Audio 扩展 p5 的功能,提供音频输入、播放、分析及合成功能。 作者: Jason Sigal

p5.accessibility 让视力障碍者能够更容易接触 p5 画布。

社群贡献程式库

p5.asciiart 是个简单易使用的图像 - ASCII 画作转换器。 作者: Pawel Janicki

一个启用 BLE 装置及 p5 绘图之间的沟通的 Javascript 编程库。 作者: Yining Shi, Jingwen Zhu, Tom Igoe

一个简化 DOM 操纵的编程库。 作者: Rohan Samra-O'Neill

p5.bots 让您通过网页浏览器和 Arduino(或其他微处理器)互动。您可以使用传感器资料来驱动绘图会使用绘图来驱动 LED、马达等等! 作者: Sarah Groff-Palermo

事件驱动、易使用的 p5.js 按钮编程库。 作者: Martín del Río

CMYK 色彩空间。 作者: JT Nimoy

p5.collide2D 提供一系列工具适用于计算在 p5.js 内的 2D 几何形状的碰撞检测。 作者: Ben Moren

使用一行编码制作运用噪声及 GIF 输出的动画循环。 作者: Peter Hayman

p5.dimensions 扩展 p5.js 的向量功能以包括更高维数的计算。 作者: Smilebags, Max Segal

简单的3D摄像机控制,具有惯性平移,缩放和旋转功能。 主要贡献者 Thomas Diewald。 作者: jWilliam Dunn

提供 p5.js 附加事件聆听功能并用以制作基于画布的网页应用程序的程式库。 作者: Felix Meichelböck

p5.func 是个提供新物件及时间、频率和空间函数操作的 p5 扩展程式库。 作者: R. Luke DuBois

p5.geolocation 提供给 p5.js 获取、观察、计算使用者地理位置及地理围栏的功能。 作者: Ben Moren

p5.gibber 提供快速音乐排序及音频合成功能。 作者: Charlie Roberts

grafica.js 让您在您的 p5.js 绘图中添加简单但高度可配置的 2D 图表。 作者: Javier Graciá Carpio

p5.gui 提供您的 p5.js 绘图一系列图形用户界面。 作者: Martin Schneider

p5.localmessage 提供一个简易的界面以在不同绘图之间传递信息并使同时使用多个视窗制作绘图更容易! 作者: Ben Moren

光栅到向量转换,等值面。 作者: jtnimoy

Mappa 提供一系列给静态地图、重叠地图及地理数据的工具。特别适用于制作使用地理位置的应用程式。 作者: Cristóbal Valenzuela

建在Tensorflow.js的基础之上,ml5.js提供更简单的网页中使用机器学习算法和模型的方法。 作者: NYU ITP/IMA and contributors

p5.play 提供图像、动画、输入及碰撞检测功能以方便制作游戏或游戏类程式。 作者: Paolo Pedercini

Particle 及 Fountain 物件可以用以制作数据驱动效果,该数据可来自使用者互动或 JSON 文件。 作者: Robert Cook

p5.Riso 是个用来生成适合 Risograph 印刷的文件的程式库。它能帮助您将您的绘图转换成多色印刷。 作者: Sam Lavigne, Tega Brain

RiTa.js 提供语言分析功能并也提供生成文字的功能。 作者: Daniel C. Howe

使用自定图形及自定返回值范围,制作您能旋转的旋钮。 作者: Miles DeCoster

p5.SceneManager 帮助您制作有多个状态/场景的绘图。各个场景就比如一个在主要绘图内的绘图。 作者: Marian Veteanu

在 p5.js 内添加来自 Processing 的 screenX 及 screenY 功能。 作者: Hartmut Bohnacker

绘制看起来粗略的 2D 形状。作者为 Janneck Wullschleger,来源自 Processing 原有程式库的代码移植。 作者: handy

p5.serial 让不同设备使用串联通讯 (RS-232) 与在网页浏览器内的 p5 绘图沟通。 作者: Shawn Van Every, Jen Kagan, Tom Igoe

Shape5 是个基本的 2D 程式库,用于教导第一次学习使用代码的小学生。 作者: Patrick Ester

一个为 p5.js 添加更多简单图形的程式库。 作者: Sebastien Lorentz

p5.speech 提供简单易用的 Web Speech 及语音识别的 API,使制作能说能听的绘图更加容易。 作者: R. Luke DuBois

使用像素、毫米、厘米或英寸为单位来制作 2D 静态艺术的 p5 附加程式库。 作者: Kris HEYSE

p5.tiledmap 提供绘图及便利功能以在您的绘图中加入地图。 作者: Caldas Lopes

p5.js 多点触控及鼠标图形用户界面程式库。 作者: Carlos L05 Garcia

Tramontana 是个可以用在多种设备上(iOS、Android、tramontana Board等)制作互动环境、互动空间或单纯测试大规模实验的简易平台。 作者: Pierluigi Dalla Rosa

Vida 是个添加摄像头(或视屏)运动测试及团块跟踪功能的简单程式库。 作者: Pawel Janicki

p5.voronoi 提供您的 p5.js 绘图一系列用以绘制及使用 voronoi 图的工具。 作者: Francisco Moreira

一个使用p5创建VR和AR草图的库。 作者: Stalgia Grigg

WebGL 3D 文字及图像。 作者: Freddie Rawlins