言語設定

ライブラリ

ライブラリの使用

p5.js ライブラリは、p5.js のコア機能を拡張または追加する任意の JavaScript コードです。ライブラリには2つのカテゴリがあります。コアライブラリ(p5.sound)は p5.js の配布物の一部であり、貢献ライブラリは p5.js コミュニティのメンバーが開発、所有、および維持しています。

スケッチにライブラリを含めるには、p5.js をリンクした後に HTML ファイルにリンクします。例えば、HTML ファイルは次のようになります。

<!doctype html>
<html>
<head>
  <script src="p5.js"></script>
  <script src="p5.sound.js"></script>
  <script src="sketch.js"></script>
</head>
<body>
</body>
</html>
      

自分自身で作成する

p5.js はみなさまのライブラリの貢献を歓迎します! ライブラリのチュートリアル をチェックして、作り方について確認してください。 ライブラリを作成し、このページに含めたい場合は、このフォームを送信してください!

コアライブラリ

p5.sound は、オーディオ入力、再生、分析、合成などの Web オーディオ機能を p5 に拡張したものです。 作成者: Jason Sigal

コミュニティライブラリ

p5.asciiart は、p5js 用のシンプルで使いやすい画像から ASCII アートへの変換ライブラリです。 作成者: Pawel Janicki

計算幾何学、物理シミュレーション、進化アルゴリズムなどをベースにしたクリエイティブコーディング用の JavaScript ライブラリです。 作成者: Ren Yuan

このライブラリは、p5 * js および JavaScript に関連するコーダー、デザイナー、アーティストの創造的なコミュニティに CO2-Countdown のアイデアを開放します。 作成者: Olaf Val

2D 空間内の点集合から Concave Hull を計算します。 作成者: Mark Roland

grafica.js は、p5.js スケッチにシンプルで高度に設定可能な 2D プロットを追加することができます。 作成者: Javier Graciá Carpio

ユーザーインターフェイスライブラリ。 作成者: sam oakes

Mappa は、静的地図、タイルマップ、およびジオデータを扱うためのツールセットを提供します。地理情報に基づく視覚的表現を構築する際に便利です。 作成者: Cristóbal Valenzuela

ラスタからベクターへの変換、等値面。 作成者: JT Nimoy

ml5.js は Tensorflow.js をベースに構築され、ブラウザで機械学習アルゴリズムとモデルにフレンドリーにアクセスすることができます。 作成者: NYU ITP/IMA and contributors

p5.js 用のフレンドリーで直感的な数学ライブラリ。 作成者: Nick McIntyre

リアルタイムのオーディオ、ビデオ、キャンバス、およびデータ共有。 作成者: Shawn Van Every

p5play は、Box2D 物理エンジンを使用してインタラクティブなアートやゲームを作成するためのもので、スプライト、アニメーション、入力検出の改善などを提供します! 作成者: Quinton Ashley, Paolo Pedercini

p5snap は、p5 スケッチのスナップショットを一定の間隔で作成して保存するコマンドラインインターフェイスです。 作成者: Zach Krall

WebGL での 3D テキストおよび画像。 作成者: Freddie Rawlins

p5.js の形状を描画するプロセスをレンダリングして、p5.animS で形状をアニメーション化します。 作成者: Yonggang Wang

高次 Bézier 曲線を無制限の点で描画するためのライブラリです。 作成者: Peiling Jiang

p5 スケッチと BLE デバイスの間で通信を可能にする JavaScript ライブラリです。 作成者: Yining Shi, Jingwen Zhu, Tom Igoe

p5.bots を使用すると、ブラウザ内から Arduino(または他のマイクロプロセッサ)と対話できます。センサーデータを使用してスケッチを駆動し、スケッチを使用して LED、モーターなどを駆動できます。 作成者: Sarah Groff-Palermo

p5.js キャンバス上でシンプルまたはスタイリッシュなボタンを直接デザインおよび表示するためのコンパクトなライブラリです。 作成者: Nicolas ATEK

ボタンのスクリプトをシンプルにすることを目的としたライブラリです。 作成者: Jadon L

p5.capture は、簡単な GUI を提供し、p5.js アニメーションを簡単に記録して、さまざまな形式(webm、gif、mp4、png、jpg、webp)の動画ファイルを出力することができます。 作成者: tapioca24

イベント駆動型で、使いやすい p5.js 用のボタンライブラリです。 作成者: Martín del Río

CMYK カラースペース 作成者: JT Nimoy

p5.collide2D は、p5.js を使用した 2D ジオメトリの衝突検出計算用のツールを提供します。 作成者: Ben Moren

効率的なゲーム作成のために設計された、保存、アニメーション、衝突、およびタグ機能を提供するライブラリです。 作成者: Zach Mohammed

1行のコードでノイズと GIF エクスポートを使用したアニメーションループを作成できます。 作成者: Peter Hayman

p5.dimensions は、p5.js のベクトル機能を任意の次元で使用できるように拡張します。 作成者: Smilebags, Max Segal

慣性パン、ズーム、回転を使ったシンプルな 3D カメラコントロールです。主な貢献者は Thomas Diewald です。 作成者: jWilliam Dunn

p5.js 用の拡張ライブラリで、キャンバスベースの Web アプリケーションを作成するための追加のイベントリスニング機能を追加します。 作成者: Felix Meichelböck

p5.fab は、p5.js からデジタルファブリケーションマシンを制御します。 作成者: Blair Subbaraman

深さのぼかしと影を描くための p5.js WebGL モード用のライブラリ。 作成者: Dave Pagurek

p5.func は、時間、周波数、および空間領域での関数生成に新しいオブジェクトとユーティリティを提供する p5 拡張機能です。 作成者: R. Luke DuBois

p5.geolocation は、p5.js でユーザーの位置情報を取得、監視、計算、およびジオフェンスするための技術を提供します。 作成者: Ben Moren

p5.gibber は、迅速な音楽シーケンシングとオーディオシンセシス機能を提供します。 作成者: Charlie Roberts

p5.glitch は、画像やバイナリファイルをグリッチ効果を加えるために p5.js を拡張します。 作成者: Ted Davis

p5.js に追加のキー対応を追加します。 作成者: Max Parry

p5.gui は、p5.js スケッチのためにグラフィカルユーザーインターフェイスを生成します。 作成者: Martin Schneider

Arduino やその他のマイクロコントローラー用の完全な Johnny-Five.io Nodebots /ロボティクスライブラリであり、WebSerial または WebUSB を使用して直接ブラウザで動作するように作られています。 作成者: Luis Montes

p5js 用のプラグアンドプレイマイクロコントローラ。 作成者: Jonathan de Halleux

物理的なジョイスティックを接続して遊ぶためのライブラリです。 作成者: Vamoss

p5.localmessage は、簡単なインターフェイスを提供して、別のスケッチからローカルにメッセージを送信し、簡単なマルチウィンドウスケッチを作成できます! 作成者: Ben Moren

p5.mapper は、p5.js 用の投影マッピングライブラリで、インタラクティブでアルゴリズミックなスケッチを簡単にコーディングすることができます。 作成者: Jenna deBoisblanc

JavaScript の数学的な操作を、理解しやすいシンプルな言葉に変換しています。 作成者: Bharath Satheesan

Particle と Fountain オブジェクトは、ユーザー構造体または JSON 入力とユーザー描画関数を通じて定義されたデータ駆動型エフェクトを作成するために使用できます。 作成者: Robert Cook

p5.party は、ネットワーク化されたマルチユーザーゲーム、アプリ、スケッチを簡単に作成するためのライブラリです。 作成者: Justin Bakse

p5.PatGrad を使用すると、スケッチにパターンやグラデーションを追加できます。 作成者: Sam Lavigne

p5.js 用のパターン描画ライブラリ。 作成者: Taichi Sayama

p5.Polar は、美しいカレイドスコープ的な放射状のパターンを作成するための数学的抽象化を提供します。 作成者: Liz Peng

スケッチを現実世界の表面に簡単に投影マッピングすることができます。 作成者: Trammell Hudson

p5.js の四角形ライブラリ。 作成者: Jean Pierre Charalambos

スケッチキャンバスとオーディオを記録します。 作成者: Dori Claudino

p5.Riso は、Risograph 印刷に適したファイルを生成するためのライブラリです。スケッチをマルチカラーの印刷物に変換するのに役立ちます。 作成者: Sam Lavigne, Tega Brain

p5.SceneManager を使用すると、複数の状態/シーンを持つスケッチを作成できます。各シーンは、メインスケッチ内のスケッチのようなものです。 作成者: Marian Veteanu

Processing の screenX および screenY 機能を P5js に追加します。 作成者: Hartmut Bohnacker

スケッチ風の 2D プリミティブを描画します。Janneck Wullschleger によって作成され、元の Processing ライブラリのポートを基にしています。 作成者: handy

p5.serialport を使用すると、シリアル(RS-232)をサポートするデバイスとブラウザで実行される p5 スケッチとの間でシリアル通信を可能にします。 作成者: Shawn Van Every, Jen Kagan, Tom Igoe

p5.js に、よりシンプルな図形を追加するためのライブラリです。 作成者: Sebastien Lorentz

p5.slides は p5.js で書かれたプレゼンテーションプラットフォームです。 作成者: Garrett Flynn

p5.speech は、Web Speech と Speech Recognition API へのシンプルでわかりやすいアクセスを提供し、 話す機能を持つスケッチの作成を簡単に実現できます。 作成者: R. Luke DuBois

px、mm、cm、または inch を用いた 2D 静止アートのためのライブラリです。 作成者: Kris HEYSE

初心者向けの p5.js 用数学アニメーションライブラリです。Nick McIntyre と Jithin KS の指導のもとで作成されました。 作成者: Aditya Siddheshwar

p5.tiledmap は、スケッチにマップを含めるための描画およびヘルパー関数を提供します。 作成者: Caldas Lopes

このライブラリは、カウントダウンやワンショットタイマー、経過時間のパーセンテージなどの非同期タイミング機能を提供します。さらに、millis() 関数や関連計算を取りまとめることで、コードの混雑が起こりがちな問題を解消します。 作成者: Scott Kildall

p5.js 用のマルチタッチおよびマウス GUI ライブラリ。 作成者: Carlos L05 Garcia

p5.tween を使用すると、簡単にオブジェクトや図形のトゥイーンアニメーションを作成できます。 作成者: Nick Müller

クリエイティブ コーディング クラスの生徒たちを支援するための、便利なツールや追加機能のセットです。 作成者: ALP TUĞAN

音声付きのキャンバスをビデオファイルとして記録することができます。 作成者: Caleb Foss

p5.voronoi は、p5.js スケッチで voronoi 図を描画および利用するためのツールセットを提供します。 作成者: Francisco Moreira

p5.wasm は、Rust で書かれ、WebAssembly にコンパイルされたアドオンライブラリであり、p5.js でよく使われる関数を実装しています。 作成者: Kenneth Lim

p5.js 用の Web Assembly コア。 作成者: Arshia Moghaddam

Web Serial API(Chrome と Edge で利用可能)に基づいてブラウザ内からシリアルデバイスとやり取りするためのライブラリです。 作成者: Gottfried Haider

セットアップ不要の Arduino などのデバイスにアクセスするための Web Serial API を使用するための p5.js ライブラリです。 作成者: Ong Zhi Zheng

p5 で VR および AR スケッチを作成するためのライブラリです。 作成者: Stalgia Grigg

物理学の教育や学習のために対話的な図を作成するための関数やクラスのセットです。 作成者: Ian Lawrence

このライブラリを使用すると、p5 スケッチを React アプリに統合できます。 作成者: Gherciu Gheorghe

RiTa.js は、生成的文学のための自然言語処理オブジェクトセットを提供します。 作成者: Daniel C. Howe

カスタムグラフィックと値の範囲を回転できるノブを作成します。 作成者: Miles DeCoster

Shape5 は、コーディングを初めて学ぶ小学生向けの 2D プリミティブライブラリです。 作成者: Patrick Ester

若年層や初心者コーダー向けのヘルパー関数とデフォルト値です。 作成者: Tariq Rashid

p5.js、p5.play.js、および p5.tiled.js の機能を橋渡しする小さなライブラリで、JavaScript を使用して簡単に 2D プラットフォーマーゲームを作成できます。 作成者: Andrew Tacon

Tramontana は、多数のデバイス(iOS、Android、tramontana Board など)の利用を容易にして、 インタラクティブな環境や空間を作成したり、大規模で空間内のプロトタイプ体験を実現できるプラットフォームです。 作成者: Pierluigi Dalla Rosa

TurtleGFX は JavaScript でタートルグラフィックスでコードを記述することができます。教育やクリエイティブコーディングに最適です。 作成者: CodeGuppy

Vida は、カメラ(またはビデオ)ベースのモーション検出およびブロブ追跡機能を p5js に追加するシンプルなライブラリです。 作成者: Pawel Janicki

p5 から簡単に MIDI メッセージを送受信できるライブラリです。 作成者: Jean-Philippe Côté