p5.jsはみなさんが作られたライブラリを歓迎します！ 作り方の詳細については ライブラリのチュートリアル をチェックしてください。 作ったライブラリをこのページに掲載したい場合は GitHub にプルリクエストを送ってください！
描画
\"AnimatorJs\"という名前の上にポーズマネキンとアヒルのアニメーションの絵があり、どのように動くかを示す矢印が描かれています
AnimatorJs
p5.jsを主に対象としたカスタムアニメーションAPIに基づくJavaScriptアニメーションビューワーで、コードによって完全に制御される動的で軽量なリアルタイムレンダリングのブラウザアニメーションを可能にします。. By RandomGamingDev
3D地形のステレオスコピックアナグリフシーン
p5.anaglyph
赤/青メガネを使用して3Dステレオスコピック3Dシーンや画像を作成するためのライブラリ. By Jenna deBoisblanc
異なる色の曲線が描かれたp5.bezierのテキスト。
p5.bezier
p5.bezierは4つ以上の制御点を持つベジェ曲線や閉じた曲線を描画するのに役立ちます。. By Peiling Jiang
色とりどりのブラシストロークに囲まれた「p5.brush」というテキスト。
p5.brush
p5.jsでカスタムブラシ、自然な塗りつぶし効果、直感的なハッチングを実現します。. By Alejandro Campos Uribe
色
多数の色を示す正方形パターンのグリッド。
p5.cmyk
p5.js用のCMYKカラー. By JT Nimoy
黄色の異なる色調を使用して着色された波
p5.colorGenerator
p5.colorGeneratorは、指定された基本色から始めるか、ランダムな色を開始点として選択することで、調和の取れた配色を生成します。. By Alex Codes Art
p5.jsでのカラーパレット
p5.palette
p5.jsでカラーパレットを管理するためのライブラリ. By Remistura Studio
ユーザーインターフェース
キャンバス上に表示されたさまざまなコントロール
canvasGUI
キャンバス上に直接GUIコントロールを作成します。. By Peter Lager
このライブラリで作成されたボタンとスライダーのグリッド。
p5.touchgui
p5.touchguiは、p5.jsを拡張し、ボタン、スライダー、その他のGUI（グラフィカルユーザーインターフェース）オブジェクトをp5.jsスケッチに簡単に追加できるようにすることを目的としています。これにより、マウスとマルチタッチ入力の両方で動作する簡単に作成されたGUIオブジェクトを使用して、アイデアを素早く反復することに集中できます。. By Carlos L05 Garcia
UIレンダラーライブラリのカバー画像。典型的なUIを描いています
UI Renderer
スケッチ内にUIを作成し、異なるレイアウトやインタラクティブなスライダーのためのユーティリティを含みます。. By Amit Kumar Sah
数学
![長い影とわずかなブルームエフェクトを持つ[MatrixJs]というテキスト](/_astro/MatrixJs.BfTvPsLy_Z2ixauj.webp)
長い影とわずかなブルームエフェクトを持つ[MatrixJs]というテキスト
MatrixJs
リストを基にした動的で強力な行列のための基本的なJavaScriptライブラリで、強力なクラスでラップされています。. By RandomGamingDev
アスタリスクで埋められた行列とベクトル。数式は赤い背景に白で書かれています。
número
p5.js用のフレンドリーで直感的な数学ライブラリ。. By Nick McIntyre
p5.collide2dライブラリの機能を表す、重なり合い衝突している様々な色の形状
p5.collide2d
p5.collide2Dは、p5.jsで2D幾何学の衝突検出を計算するためのツールを提供します。. By Ben Moren
2つのベクトルの画像。大きな赤いものと小さな青いもの。赤いベクトルにVecJsの名前が書かれています
VecJs
リストに基づく動的ベクトル（例：vec2 & vec3）のための基本的なJavaScriptライブラリ。. By RandomGamingDev
物理
すべて表示 (1)
アルゴリズム
制限付きボロノイ図
c2.js
c2.jsは、計算幾何学、物理シミュレーション、進化的アルゴリズムなどのモジュールに基づいたクリエイティブコーディングのためのJavaScriptライブラリです。. By Ren Yuan
点の輪郭を示す線
concaveHull
2D空間の点集合から凹包を計算します. By Mark Roland
3x3のグリッドに配置された作者の顔の9つのビデオエフェクト
p5videoKit
ブラウザ内でビデオをミキシングするためのダッシュボード. By John Henry Thompson
このライブラリのセルオートマトン、フィボナッチ数列、ランダムウォークなどの手続き的関数で生成されたカラフルな円と四角の画像。
Total Serialism
アルゴリズム作曲に主に焦点を当てた、配列を手続き的に生成および変換するためのメソッドが詰まったツールボックスです。マルコフ連鎖、セルオートマトン、リンデンマイヤーシステム、ユークリッド分布など、多くのメソッドが含まれています！希望のメソッドで配列を生成し、for-loopで簡単に反復して結果を描画できます。. By Timo Hoogland
3D
スライスに切り分けられた卵
p5.csg
構成的立体幾何学のためのライブラリ。p5.Geometryにブーリアン演算を行って新しい形状を作成します！. By Dave Pagurek
光に向かって上昇する縦穴のはしご。遠くに行くほど徐々にフォーカスが外れていきます
p5.filterRenderer
被写界深度ぼかしとアンビエントオクルージョンシャドウを使用して3Dシーンをレンダリングするためのライブラリ。. By Dave Pagurek
「p5.simpleAR」ライブラリのロゴと説明が中央に配置されています。
p5.simpleAR
既存のp5.jsスケッチを簡単にARに変換する、シンプルなJavaScriptライブラリ。. By Tetsunori Nakayama
3D飛行機が上下逆さまにねじれる4つの画像
p5.warp
シェーダーを使用した高速な3Dドメインワーピング。. By Dave Pagurek
AI、機械学習、コンピュータビジョン
すべて表示 (1)
アニメーション
円と線で表現された人々が様々な方向に歩いています。'BMWalker.js'ライブラリのロゴと説明が中央に配置されています。
BMWalker.js
生物学的運動「ウォーカー」を描画するためのシンプルなJavaScriptライブラリ。. By Tetsunori Nakayama
hydraとp5.jsで作成された球体と「HY5」テキスト。hydraで2回目の処理が施されています。
HY5
hydra 🙏 p5.js ~ 両方のフレームワーク間でビジュアルを共有！. By Ted Davis
p5.animSでアニメーション化された円とベジェ曲線
p5.animS
p5.jsの図形の描画プロセスをレンダリングすることでアニメーション化します。. By wixette
p5.createLoopを使用して作成された3つの連続する波
p5.createLoop
1行のコードでノイズとGIFエクスポートを使用したアニメーションループを作成します。. By mrchantey
シェーダー
LYGIAの再利用可能な関数を使用して、スタンフォードドラゴンのジオメトリに適用された異なるプロパティ材料と色調整
lygia
LYGIAは、数分でプロジェクトをプロトタイプ化、移植、または出荷できる再利用可能な関数のシェーダーライブラリです。非常に粒度が細かく、柔軟で効率的です。複数のシェーディング言語をサポートし、任意のプロジェクト、環境、またはフレームワークに簡単に追加できます。. By Patricio Gonzalez Vivo
パーリンノイズを表現するASCII文字のグリッド。中央に「p5.asciify」というロゴがあります。
p5.asciify
お気に入りのWebGL p5.jsスケッチにリアルタイムASCII変換を適用し、瞬時にユニークなテキストベースのビジュアルを作成します。. By humanbydefinition
p5.FIPライブラリのカバー画像。p5.FIPのフィルターを使用して作成された3枚の写真のコラージュを描いています。
p5.FIP
リアルタイム画像処理ライブラリ - p5.jsスケッチにフィルターやポストプロセシングを追加します。. By Darragh Nolan
ティーポット、バニー、仏像のモデルを表示する面を持つ非ユークリッド幾何学の立方体。
p5.treegl
シェーダー開発と空間変換のためのWEBGL p5.jsライブラリ。. By Jean Pierre Charalambos
言語
「i hear you」というテキストの上に「you hear me」というテキストがあります
p5.speech
p5.speechは、Web SpeechとSpeech Recognition APIへのシンプルで明確なアクセスを提供し、話したり聞いたりできるスケッチを簡単に作成できるようにします。. By R. Luke DuBois
rita.jsのロゴ
rita.js
自然言語処理と生成的な文章作成のためのツール. By Daniel C Howe
ハードウェア
ブラウザウィンドウとLEDとBluetoothアイコンが付いたチップが矢印を介して情報を交換している
p5.ble
BLEデバイスとp5.jsスケッチ間の通信を可能にするJavaScriptライブラリ。. By Yining Shi、Jingwen Zhu、Tom Igoe
p5.fabで作成された3Dプリントされた花瓶の画像。その横にはGコードの行が表示され、 'p5.fab'というタイトルがオーバーレイされています。
p5.fab
p5.fabはp5.jsからデジタル製造機械を制御します！. By Blair Subbaraman
レーダー画面のような、同心円と線の放射状の極座標グリッド。
p5.geolocation
p5.geolocationは、p5.jsのユーザー位置の取得、監視、計算、ジオフェンシングのための技術を提供します。. By Ben Moren
ジョイスティックの画像
p5.joystick
物理的なジョイスティックを接続してプレイします。. By Vamoss
音声
すべて表示 (1)
教育
左上隅に波動方程式、右上隅に余弦関数と多項式項のグラフがあります。中央に'p5.teach.js'ライブラリのロゴと説明が配置されています。
p5.teach.js
p5.js用の初心者向け数学アニメーションライブラリ. By Aditya Siddheshwar、Nick McIntyre、Jithin KS
simple.jsのロゴ
simple.js
若い初心者コーダー向けのヘルパー関数とデフォルト設定。. By Tariq Rashid
ネットワーキング
すべて表示 (1)
エクスポート
p5.captureのロゴ。赤い背景に白い文字で「p5.capture」と書かれています。
p5.capture
p5.jsのスケッチを簡単に記録！. By tapioca24
異なるリソカラーの波打つ円のグリッドが重なり合い、ブレンドしています
p5.Riso
p5.Risoは、リソグラフ印刷に適したファイルを生成するためのライブラリです。スケッチをマルチカラー印刷に変換するのに役立ちます。. By Sam Lavigne、Tega Brain
抽象的なVHSテープ
p5.videorecorder
キャンバスを音声付きのビデオファイルとして録画します。. By Caleb Foss
「p5snap」というテキストの画像の隣に、アニメーションスケッチのフレームのグリッドがあります
p5snap
スケッチのスナップショットを作成するためのコマンドラインインターフェース. By Zach Krall
ユーティリティ
p5.flexのプレビュー画像
p5.flex
レスポンシブキャンバス機能を持つp5コンテナ。. By Zaron Chen
2つの丸みを帯びた長方形の間に楕円があります。接続線が楕円を通じて長方形間でメッセージが送信されているような効果を与えています。
p5.localessage
p5.localmessageは、あるスケッチから別のスケッチへローカルにメッセージを送信するためのシンプルなインターフェースを提供します。. By Ben Moren
ライブラリのカバー画像。濃いピンクの背景にライブラリの名前が表示されています。
p5.qol
p5に品質向上のためのユーティリティを追加します。. By Jens Bachmayer
2つの同心長方形があります。内側の小さな長方形の角から、点線の矢印が外側の大きな長方形の内側の角を指しています。
p5.scaler
p5.jsスケッチのスマートなスケーリングを様々な方法で行います（ブラウザの内部寸法に合わせる、キャンバスのDOMコンテナに合わせる、特定の比率に合わせるなど）。. By Rodjun、Monica Rizzolli