Skip to content

Language Settings

学習

これらのチュートリアルでは、特定のトピックについて、より深く、またはステップバイステップで概要を説明します。 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のアドオンライブラリの作成をします。