Skip to content

Language Settings

ライブラリ

ライブラリを使う

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は、p5のオーディオ入力、再生、解析、および合成などのWebオーディオ機能を拡張します。 制作者: Jason Sigal

コミュニティライブラリ

p5.asciiartは、画像をASCIIアートに変換するためのp5js用のシンプルで使いやすいツールです。 制作者: Pawel Janicki

c2.jsは、計算幾何学、物理シミュレーション、進化アルゴリズムなどのモジュールに基づいたクリエイティブコーディング用のJavaScriptライブラリです。 制作者: Ren Yuan

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

2次元空間内の点の集合を内包する凹多角形を計算します。 制作者: Mark Roland

grafica.jsは、シンプルだが高度な設定の2Dプロットをp5.jsスケッチに追加可能にします。 制作者: 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.animSは、p5.jsの図形の描画過程のアニメーションを作成することができます。 制作者: Yonggang Wang

このライブラリは無制限のポイントを使用したジビエ曲線を描画することができます。 制作者: Peiling Jiang

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

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

p5.clickableは、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

P5.Createは、効率的なゲーム作成を目的として設計された、保存、アニメーション、衝突、タグの機能を提供するライブラリです。 制作者: Zach Mohammed

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

pp5.dimensionsは、p5.jsのベクトル関数を任意の次元で動作させるために計算をサポートするライブラリです。 制作者: Smilebags, Max Segal

慣性付きのパン、ズーム、回転などのシンプルな3Dカメラ制御。Thomas Diewaldが大きく貢献してくれました。 制作者: jWilliam Dunn

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

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

WebGLを高速化させるオフスクリーンキャンバスです。フォグやぼかし効果に必要な深度データにアクセスできます。 制作者: Dave Pagurek

p5.funcは、時間、周波数、および空間領域での関数生成のための 新しいオブジェクトやユーティリティを提供するします 制作者: 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

Johnny-Five.ioは、用の Nodebotおよびロボット工学のライブラリです。 WebSerialまたはWebUSBを使用してブラウザでArduinoやその他のマイクロコントローラーを動作確認することができます。 制作者: Luis Montes

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

物理的なジョイスティックを接続して遊ぶことができます。 制作者: Vamoss

p5.localmessageは、ローカルの異なるスケッチ間でメッセージを送受信するための、簡単なインターフェースを提供します。 これにより、複数のウィンドウを使ったスケッチの連携が容易になります! 制作者: Ben Moren

p5.mapperは、p5.jsのプロジェクションマッピングライブラリです。 このライブラリを使うことで、インタラクティブなアルゴリズムスケッチを簡単にコーディングすることができます。 制作者: Jenna deBoisblanc

素早く理解できるようにJavascriptでの数学的な操作を簡単な言葉に変換します。 制作者: Bharath Satheesan

ParticleオブジェクトやFountainオブジェクトは、JavaScriptのObjectや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は、リソグラフ印刷に適したファイルを生成するためのライブラリです。 スケッチからマルチカラーの印刷物へ変換を補助します。 制作者: Sam Lavigne, Tega Brain

p5.SceneManagerは、複数の states / scenes を持つスケッチを作成するのを支援します。 各シーンは、メインスケッチ内のスケッチのようなものです。 制作者: Marian Veteanu

ProcessingにおけるscreenXおよびscreenYの機能をP5.jsに追加します。 制作者: Hartmut Bohnacker

スケッチ風の2Dプリミティブを描画します。 オリジナルのProcessingライブラリのポートをベースに、Janneck Wullschlegerが作成しました。 制作者: 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

「ピクセル、ミリメートル、センチメートル、インチを使用した2D静止画のためのp5拡張機能です」 制作者: 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

p5.web-serialを使うことで、Web Serial APIを使用することでArduinoなどのデバイスのセットアップが不要になります。 制作者: Ong Zhi Zheng

p5.xrは、p5.jsを使用して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ボードなど、多数のデバイスの簡単に使用することができます。 インタラクティブな環境、インタラクティブなスペース、またはスケーラブルで空間的な体験をプロトタイプ化するためのプラットフォームです。 制作者: Pierluigi Dalla Rosa

TurtleGFXはJavaScriptでTurtle Graphicsをコーディングすることができるようにするライブラリです。教育やクリエイティブコーディングに最適です。 制作者: CodeGuppy

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

p5.midiは、p5からMIDIメッセージを簡単に送信および受信できるようにするライブラリです。 制作者: Jean-Philippe Côté