程式库
如何使用程式库
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.asciiart 是个简单易使用的图像 - ASCII 画作转换器。 作者: Pawel Janicki
该库向与p5 * js相关联的编码人员,设计师和艺术家的创意社区开放了CO2-Countdown的概念。 作者: Olaf Val
计算2D空间中一组点的凹壳。 作者: Mark Roland
grafica.js 让您在您的 p5.js 绘图中添加简单但高度可配置的 2D 图表。 作者: Javier Graciá Carpio
Mappa 提供一系列给静态地图、重叠地图及地理数据的工具。特别适用于制作使用地理位置的应用程式。 作者: Cristóbal Valenzuela
建在Tensorflow.js的基础之上,ml5.js提供更简单的网页中使用机器学习算法和模型的方法。 作者: NYU ITP/IMA and contributors
A friendly and intuitive math library for p5.js. 作者: Nick McIntyre
实时音频、视频、画布和数据共享。 作者: Shawn Van Every
p5play 提供图像、动画、输入及碰撞检测功能以方便制作游戏或游戏类程式。 作者: Quinton Ashley, Paolo Pedercini
p5snap is a command-line interface that creates and saves snapshots of a p5 sketchp5snap is a command-line interface that creates and saves snapshots of a p5 sketch on an interval. 作者: Zach Krall
WebGL 3D 文字及图像。 作者: Freddie Rawlins
p5.animS 通过渲染它们的绘制过程来为 p5.js 形状提供动画效果。 作者: Yonggang Wang
一个画高阶贝塞尔曲线的库。 作者: Peiling Jiang
一个启用 BLE 装置及 p5 绘图之间的沟通的 Javascript 编程库。 作者: Yining Shi, Jingwen Zhu, Tom Igoe
p5.bots 让您通过网页浏览器和 Arduino(或其他微处理器)互动。您可以使用传感器资料来驱动绘图会使用绘图来驱动 LED、马达等等! 作者: Sarah Groff-Palermo
一个小型的函数库,可直接在 p5.js 画布中设计和渲染简单或样式化按钮。 作者: Nicolas ATEK
一个旨在简化按钮脚本化的库。 作者: Jadon L
p5.capture 提供了一个简单易用的 GUI,可轻松记录 p5.js 动画, 并以各种格式(webm、gif、mp4、png、jpg 和 webp)输出视频文件。 作者: tapioca24
事件驱动、易使用的 p5.js 按钮编程库。 作者: Martín del Río
CMYK 色彩空间。 作者: JT Nimoy
p5.collide2D 提供一系列工具适用于计算在 p5.js 内的 2D 几何形状的碰撞检测。 作者: Ben Moren
P5.create 是一个旨在有效创建游戏的库,提供保存、动画、碰撞和标记功能。 作者: Zach Mohammed
使用一行编码制作运用噪声及 GIF 输出的动画循环。 作者: Peter Hayman
简单的3D摄像机控制,具有惯性平移,缩放和旋转功能。 主要贡献者 Thomas Diewald。 作者: jWilliam Dunn
提供 p5.js 附加事件聆听功能并用以制作基于画布的网页应用程序的程式库。 作者: Felix Meichelböck
p5.fab 可以从 p5.js 控制数字制造机器。 作者: Blair Subbaraman
用于 WebGL 的快速离屏画布,可获取深度数据以进行雾化和模糊效果。 作者: Dave Pagurek
p5.func 是个提供新物件及时间、频率和空间函数操作的 p5 扩展程式库。 作者: R. Luke DuBois
p5.geolocation 提供给 p5.js 获取、观察、计算使用者地理位置及地理围栏的功能。 作者: Ben Moren
p5.gibber 提供快速音乐排序及音频合成功能。 作者: Charlie Roberts
p5.gui 提供您的 p5.js 绘图一系列图形用户界面。 作者: Martin Schneider
The full Johnny-Five.io Nodebots/robotics library for Arduino and other microcontrollers made to work directly in browser with WebSerial or WebUSB. 作者: Luis Montes
p5js 的即插即用的微控制器。 作者: Jonathan de Halleux
连接和操作物理操纵杆。 作者: Vamoss
p5.localmessage 提供一个简易的界面以在不同绘图之间传递信息并使同时使用多个视窗制作绘图更容易! 作者: Ben Moren
p5.mapper 是用于 p5.js 的投影映射库。该库使编码和基点交互、算法作品变得更加容易。 作者: Jenna deBoisblanc
JavaScript 的数学运算已转换为简单的人类语言,以便能够快速理解。 作者: Bharath Satheesan
Particle 及 Fountain 物件可以用以制作数据驱动效果,该数据可来自使用者互动或 JSON 文件。 作者: Robert Cook
p5.party is a library for easily creating networked multiuser games, apps, and sketches. 作者: Justin Bakse
p5.PatGrad 可让您向您的作品添加图案和渐变。 作者: Sam Lavigne
一个用于 p5.js 的图案绘制库。 作者: Taichi Sayama
轻松将作品映射到现实世界表面上的投影映射。 作者: Trammell Hudson
p5.js 九宫格库。 作者: Jean Pierre Charalambos
Record sketch canvas and audio. 作者: Dori Claudino
p5.Riso 是个用来生成适合 Risograph 印刷的文件的程式库。它能帮助您将您的绘图转换成多色印刷。 作者: Sam Lavigne, Tega Brain
p5.SceneManager 帮助您制作有多个状态/场景的绘图。各个场景就比如一个在主要绘图内的绘图。 作者: Marian Veteanu
在 p5.js 内添加来自 Processing 的 screenX 及 screenY 功能。 作者: Hartmut Bohnacker
绘制看起来粗略的 2D 形状。作者为 Janneck Wullschleger,来源自 Processing 原有程式库的代码移植。 作者: handy
p5.serial enables serial communication between devices that support serial (RS-232) and p5 sketches running in the browser. 作者: Shawn Van Every, Jen Kagan, Tom Igoe
一个为 p5.js 添加更多简单图形的程式库。 作者: Sebastien Lorentz
p5.slides is a presentation platform written in p5.js. 作者: Garrett Flynn
p5.speech 提供简单易用的 Web Speech 及语音识别的 API,使制作能说能听的绘图更加容易。 作者: R. Luke DuBois
使用像素、毫米、厘米或英寸为单位来制作 2D 静态艺术的 p5 附加程式库。 作者: Kris HEYSE
一个面向初学者的数学动画库,由 Nick McIntyre 和 Jithin KS 导师创建。 作者: Aditya Siddheshwar
p5.tiledmap 提供绘图及便利功能以在您的绘图中加入地图。 作者: Caldas Lopes
该库执行异步定时功能,例如倒计时、一次性定时器、%时间已过等,并封装 millis() 函数和其他相关的计算, 这些计算通常会拖慢您的代码。 作者: Scott Kildall
p5.js 多点触控及鼠标图形用户界面程式库。 作者: Carlos L05 Garcia
With p5.tween you can create easily animations as tween for your objects and shapes. 作者: Nick Müller
使用音频记录您的画布,使其成为视频文件。 作者: Caleb Foss
p5.voronoi 提供您的 p5.js 绘图一系列用以绘制及使用 voronoi 图的工具。 作者: Francisco Moreira
p5.wasm 是个使用 Rust 编写并编译成 WebAssembly 的附加程式库,它提供一些常用的 p5.js 功能。 作者: Kenneth Lim
用于 p5.js 的 Web Assembly 核心。 作者: Arshia Moghaddam
基于 Web Serial API(仅适用于 Chrome 和 Edge)库,可从浏览器内部与串行设备进行交互。 作者: Gottfried Haider
一个 Web Serial API 的程序,使用户可以无需设置地把 p5js 程序连接 Arduino 之类的单片机。 作者: Ong Zhi Zheng
一个使用p5创建VR和AR草图的库。 作者: Stalgia Grigg
A set of functions and classes to create interactive diagrams for teaching and learning physics. 作者: Ian Lawrence
This library lets you integrate p5 Sketches into your React App. 作者: Gherciu Gheorghe
RiTa.js 提供语言分析功能并也提供生成文字的功能。 作者: Daniel C. Howe
使用自定图形及自定返回值范围,制作您能旋转的旋钮。 作者: Miles DeCoster
Shape5 是个基本的 2D 程式库,用于教导第一次学习使用代码的小学生。 作者: Patrick Ester
面向年轻或新手编程者提供的帮助函数和默认值。 作者: Tariq Rashid
A small library to bridge the functionality of p5.js, p5.play.js and p5.tiled.js to easily create 2D platformer games using javascript. 作者: Andrew Tacon
Tramontana 是个可以用在多种设备上(iOS、Android、tramontana Board等)制作互动环境、互动空间或单纯测试大规模实验的简易平台。 作者: Pierluigi Dalla Rosa
TurtleGFX allows to code with Turtle Graphics in JavaScript. Great for education and creative coding. 作者: CodeGuppy
Vida 是个添加摄像头(或视屏)运动测试及团块跟踪功能的简单程式库。 作者: Pawel Janicki
可轻松地从 p5 中发送和接收 MIDI 消息的库。 作者: Jean-Philippe Côté