学ぶ
ここに掲載しているチュートリアルは特定のトピックについて、より詳細な説明やステップバイステップの概要を提供しています。他のさまざまな p5.js トピックについては 実例ページ をチェックして、デモを探してみてください。
p5.js の紹介
p5.js へようこそ！
このイントロダクションでは、p5.js プロジェクトの基本的な設定について説明します。 (日本語ページ)
p5.js の主要な機能の概要です。
両者の主な違い、および、どのように変換するかについて説明します。
Mac OSX、Windows、Linux でローカルサーバーを設定する方法です。
コミュニティによって提供される追加のドキュメントやチュートリアルです。
スクリーンリーダーで簡単に使用できるように p5を設定する方法です。
Using labels to make your code accessible to screen readers.
p5.js の接続
node.js サーバーと p5.js の使用、socket.io を介した通信について説明します。
プログラミングトピック
キャンバス以外のページ上の要素の作成と操作です。
デジタルカラーの紹介。 (日本語ページ)
簡単な形状の描画と座標系の使い方。 (日本語ページ)
p5.js の3種類の曲線 (円弧、スプライン曲線、ベジエ曲線) の紹介。 (日本語ページ)
マウスとキーボードを使った相互作用の紹介。
p5.js でプログラムフローを制御する方法の紹介。
WebGL 入門
3D セットアップ、座標、変換の基礎 (日本語ページ)
WebGL でカスタムジオメトリを作成します。(日本語ページ)
WebGL でのマテリアルとライティングの基礎 (日本語ページ)
WebGL を使用して p5js 内でシェーダーを作成する基本 (日本語ページ)
複数の段階の描画や、3D深度情報にアクセスするスケッチをセットアップします。
より優れたプログラマーになる
すべての人に向けたデバッグのフィールドガイド。
コードをより速く、スムーズに実行するための最適化のためのヒントやトリックのチュートリアル。
インストールデイの苦痛から救われる。ユニットテストとその使い方について、Andy Timmons による紹介。
コミュニティへの貢献
開発への貢献の始め方と概要。
Luisa Pereira による p5.js 開発のためのファイル構造やツールの紹介。
p5.js プログラミングチュートリアルの作成ガイド (日本語ページ)
p5.js アドオンライブラリの作成方法です。