学習
これらのチュートリアルでは、特定のトピックについて、より深く、またはステップバイステップで概要を説明します。 examples page では、p5.jsの様々なトピックの短いデモをご覧いただけます。
p5.jsへの入門
p5.jsへようこそ！
ここではp5.jsの基礎的なセットアップ手順を説明します。
p5.jsの主な機能について簡単に説明します。
p5.jsとProcessingの主な違いと、書き換え方を説明します。
Mac OSX、Windows、またはLinuxでローカルサーバーを立ち上げます。
コミュニティによって寄稿された追加のドキュメントやチュートリアルです。
スクリーンリーダでp5を簡単に使用できるように設定します。
p5.jsを接続する
node.jsサーバーをp5.jsと組み合わせて、socket.ioを使った通信を行います。
プログラミングのトピックス
キャンバス以外のHTML要素の作成や操作をします。
デジタルでの色の取り扱いを紹介します。
簡単な図形を描き、座標系の取り扱いを紹介します。
p5.jsの3種類の曲線（円弧、スプライン曲線、ベジエ曲線）について紹介します。
マウスとキーボードによるインタラクションの紹介をします。
p5.jsでのプログラムフローの制御方法を紹介します。
WebGLの始め方
3Dの初期設定や座標変換の基礎を紹介します。
WebGLでカスタムジオメトリを作成します。
WebGLのマテリアルやライティングの基本を紹介します。
WebGLを使ってp5js内でシェーダーを作成する方法の基本を説明します。
より良いプログラマーになるために
誰にでもわかるデバッグのフィールドガイドです。
コードをより速く、よりスムーズに動作させるために最適化をします。そのためのヒントやトリックを紹介するチュートリアルです。
単体テストを導入すると、テストの煩わしさから解放されます。 単体テストとは何か、そしてどのように使うかをアンディ・ティモンズによって説明されています。
コミュニティへの貢献
開発に貢献するための導入と概要について説明します。
p5.js開発のファイル構造とツールが、ルイサ・ペレイラによってわかりやすく紹介されています。
p5.jsプログラミングチュートリアルの作成ガイドです。
p5.jsのアドオンライブラリの作成をします。