学习
以下教程将提供更多深入及详细的步骤,专注于特定的主题。请参考 范例页面 以查看 p5.js 多种功能的简单范例。
p5.js 简介
欢迎来到 p5.js!
这简介将涵盖 p5.js 的基本设置。
p5.js 主要功能的介绍
两者之间的差别及如何将两者之间互相转换。
如何在 Mac OSX、Windows 或 Linux 上设置本地伺服器。
Additonal documentation and tutorials contributed by the community
设置 p5 以让它可以和荧幕阅读器一起使用。(英文内文)
链接 p5.js
链接 node.js 伺服器及 p5.js,通过 socket.io 通讯。
编程问题
创建及控制画布以外的元素。
数码颜色的简介。
利用坐标系统绘制简单图形。
介绍 p5.js 中的三种曲线:弧形,样条曲线和 Bézier 曲线。
鼠标与键盘的互动简介。
p5.js 控制程序流程简介。
在 WebGL 中开始
“3D 设置、坐标和变换的基础知识”
在 WebGL 中创建自定义几何体
在 WebGL 中的材质和照明的基础知识
使用 WebGL 在 p5.js 中创建着色器的基础知识
成为更好的程式设计师
调试程序的简介。
此教程包含技巧及窍门以进一步优化您的程式,使它执行得更快更顺畅。
避免安装时不必要的烦恼。什么是单元测试?如何使用单元测试?作者 Andy Timmons。
回馈社群
开发设置简介及一览。
一个简单易懂的教程,当中含括了 p5.js 源代码的文件格局及开发工具,作者 Luisa Pereira。
编写 p5.js 教程的指南。
制作 p5.js 附加程式库。