语言设定

学习

以下教程将提供更多深入及详细的步骤,专注于特定的主题。请参考 范例页面 以查看 p5.js 多种功能的简单范例。

p5.js 简介

欢迎来到 p5.js!
这简介将涵盖 p5.js 的基本设置。

p5.js 主要功能的介绍

两者之间的差别及如何将两者之间互相转换。

如何在 Mac OSX、Windows 或 Linux 上设置本地伺服器。

Additonal documentation and tutorials contributed by the community

设置 p5 以让它可以和荧幕阅读器一起使用。(英文内文)

Using labels to make your code accessible to screen readers.

链接 p5.js

链接 node.js 伺服器及 p5.js,通过 socket.io 通讯。

编程问题

创建及控制画布以外的元素。

数码颜色的简介。

利用坐标系统绘制简单图形。

介绍 p5.js 中的三种曲线:弧形,样条曲线和 Bézier 曲线。

鼠标与键盘的互动简介。

p5.js 控制程序流程简介。

在 WebGL 中开始

“3D 设置、坐标和变换的基础知识”

在 WebGL 中创建自定义几何体

在 WebGL 中的材质和照明的基础知识

使用 WebGL 在 p5.js 中创建着色器的基础知识

Setting up sketches that draw in multiple stages or access 3D depth information.

成为更好的程式设计师

调试程序的简介。

此教程包含技巧及窍门以进一步优化您的程式,使它执行得更快更顺畅。

避免安装时不必要的烦恼。什么是单元测试?如何使用单元测试?作者 Andy Timmons。

回馈社群

开发设置简介及一览。

一个简单易懂的教程,当中含括了 p5.js 源代码的文件格局及开发工具,作者 Luisa Pereira。

编写 p5.js 教程的指南。

制作 p5.js 附加程式库。