跳到内容

语言设定

学习

以下教程将提供更多深入及详细的步骤,专注于特定的主题。请参考 范例页面 以查看 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 附加程式库。