This page is a collection of legacy examples from the old p5.js website.
These examples are no longer available on the current p5.js website, but they are still available in the p5.js website legacy repository.
Source code is available on GitHub p5.js website legacy.
All examples are licensed under CC BY-NC-SA 4.0.
Contents
Play Slideshow
Comments and Statements / 文とコメント
Coordinates / 座標
Width and Height / 幅と高さ
Setup and Draw / SetupとDraw
No Loop / No Loop
Loop / Loop
Redraw / Redraw
Functions / 関数
Recursion / 再帰
Create Graphics / グラフィックスの作成
Points and Lines / 点と線
Shape Primitives / 形状の基本
Pie Chart / 円グラフ
Regular Polygon / 正多角形
Star / 星
Triangle Strip / トライアングルストリップ
Bezier / ベジェ曲線
3D Primitives / 3Dプリミティブ
Trig Wheels and Pie Chart / 三角関数のホイールと円グラフ
Variables / 変数
True and False / TrueとFalse
Variable Scope / 変数のスコープ
Numbers / 数値
Array / 配列
Array 2D / 2次元配列
Array Objects / オブジェクトの配列
Walk Over 2dArray / 2次元配列の走査
Iteration / 反復
Embedded Iteration / 埋め込まれた反復
Conditionals 1 / 条件分岐 1
Conditionals 2 / 条件分岐 2
Logical Operators / 論理演算子
Logical Operators 2 / 論理演算子 2
Conditional Shapes / 条件付き形状
Load and Display Image / 画像の読み込みと表示
Background Image / 背景画像
Transparency / 透明度
Alpha Mask / アルファマスク
Create Image / 画像の作成
Pointillism / 点描画
Blur / ぼかし
Edge Detection / エッジ検出
Brightness / 明るさ
Convolution / 畳み込み
Copy() method / Copy() メソッド
Pixel Array / ピクセル配列
Histogram / ヒストグラム
Hue / 色相
Saturation / 彩度
Brightness / 明度
Color Wheel / カラーホイール
Color Variables / 色の変数
Relativity / 相対性
Linear Gradient / 線形グラデーション
Radial Gradient / 放射状グラデーション
Lerp Color / Lerp Color
Increment Decrement / インクリメントとデクリメント
Operator Precedence / 演算子の優先順位
Distance 1D / 距離 1D
Distance 2D / 距離 2D
Sine / サイン
Sine Cosine / サインとコサイン
Sine Wave / 正弦波
Additive Wave / 加算波
PolarToCartesian / 極座標から直交座標へ
Arctangent / アークタンジェント
Linear Interpolation / 線形補間
Double Random / ダブルランダム
Random / ランダム
Noise1D / 1Dノイズ
Noise Wave / ノイズウェーブ
Noise2D / 2Dノイズ
Noise3D / 3Dノイズ
Random Chords / ランダムコード
Random Gaussian / ランダムガウス
Map / マップ
Graphing 2D Equations / 2D方程式のグラフ化
Parametric Equations / 媒介変数表示
Trigonometry and Particles / 三角関数とパーティクル
Forces / 力
Particle System / パーティクルシステム
Flocking / 群れ
Wolfram CA / Wolfram CA
Game of Life / ライフゲーム
Multiple Particle Systems / 複数のパーティクルシステム
Spirograph / スピログラフ
L-Systems / L-System
Spring / バネ(Spring)
Springs / 複数のバネ
Soft Body / ソフトボディ
SmokeParticles / 煙のパーティクルシステム
Brownian Motion / ブラウン運動
Chain / チェーン
Snowflakes / 雪の結晶
Penrose Tiles / ペンローズ・タイル
Recursive Tree / 再帰的な木
The Mandelbrot Set / マンデルブロ集合
Koch Curve / コッホ曲線
Bubble Sort / バブルソート
Stepping Feet Illusion / ステッピング・フィート錯視
Particles / 粒子(Particles)
Quicksort / クイックソート
Tickle / くすぐり
Weight Line / ウェイトライン
Follow 1 / 追跡 1
Follow 2 / 追跡 2
Follow 3 / 追跡 3
Snake game / ヘビゲーム
Wavemaker / ウェーブメーカー
Reach 1 / リーチ 1
Reach 2 / リーチ 2
Reach 3 / リーチ 3
Arduino sensor data via WebJack / Arduino センサー
Kaleidoscope / 万華鏡
Objects / オブジェクト
Multiple Objects / 複数のオブジェクト
Array of Objects / オブジェクトの配列
Objects 2 / オブジェクト(オプション引数)
Inheritance / 継承
Composite Objects / 複合オブジェクト
Car Instances / 車のインスタンス
Directional / 指向性ライト
Mixture / 混合
Non Orthogonal Reflection / 非直交反射
Linear / 直線運動
Bounce / バウンス
Bouncy Bubbles / 弾むバブル
Morph / モーフ
Moving On Curves / 曲線上の移動
Circle Collision / 円の衝突
Instantiation / インスタンス化
Instance Container / インスタンスコンテナ
Input and Button / 入力とボタン
Slider / スライダー
Modifying the DOM / DOMの変更
Video / ビデオ
Video Canvas / ビデオキャンバス
Video Pixels / ビデオピクセル
Video Capture / ビデオキャプチャ
Drop / ドロップ
DOM Form Elements / DOMフォーム要素
Continuous Lines / 連続線
Patterns / パターン
Pulses / パルス
Translate / 移動(Translate)
Scale / スケーリング(Scale)
Rotate / 回転(Rotate)
Arm / アーム
Letters / 文字
Words / 単語
Text Rotation / テキストの回転
Geometries / ジオメトリ
Sine Cosine in 3D / 3Dでのサイン・コサイン
Multiple Lights / 複数のライト
Materials / マテリアル
Textures / テクスチャ
Ray Casting / レイキャスティング
Orbit Control / オービットコントロール
Basic Shader / 基本シェーダー
Shader as a Texture / テクスチャとしてのシェーダー
Passing Shader Uniforms / シェーダーへのユニフォームの受け渡し
Shader Using Webcam / ウェブカメラを使用したシェーダー
Blur using Framebuffer Depth / フレームバッファによるぼかし
Simple Feedback / 単純なフィードバック
Clock / 時計
Constrain / コンストレイン(制約)
Easing / イージング
Keyboard / キーボード
Milliseconds / ミリ秒
Mouse 1D / マウス 1D
Mouse 2D / マウス 2D
Mouse Functions / マウス関数
Mouse Signals / マウス信号
Mouse Press / マウスプレス
Rollover / ロールオーバー
Storing Input / 入力の保存
Load Saved JSON / 保存されたJSONの読み込み
Load Saved Table / 保存されたテーブルの読み込み
Load and Play Sound / サウンドの読み込みと再生
Preload SoundFile / サウンドファイルのプリロード
soundFormats / サウンドフォーマット
Play Mode / 再生モード
Pan Sound / サウンドのパン
Sound Effect / 効果音
Playback Rate / 再生速度
Measuring Amplitude / 振幅の測定
Noise Drum Envelope / ノイズドラムエンベロープ
Note Envelope / ノートエンベロープ
Oscillator Frequency / オシレーター周波数
Mic Input / マイク入力
Frequency Spectrum / 周波数スペクトル
Mic Threshold / マイクしきい値
Filter LowPass / ローパスフィルタ
Filter BandPass / バンドパスフィルタ
Delay / ディレイ
Reverb / リバーブ
Convolution Reverb / コンボリューションリバーブ
Record Save Audio / オーディオの録音と保存
Frequency Modulation / 周波数変調(FM)
Amplitude Modulation / 振幅変調(AM)
Acceleration Ball Bounce / 加速度ボールバウンス
Simple Draw / シンプルドロー
Acceleration Color / 加速度カラー
Shake Ball Bounce / シェイクボールバウンス
Tilted 3D Box / 傾いた3Dボックス
Simple Shapes / 単純な図形
Interactivity 1 / インタラクティビティ 1
Interactivity 2 / インタラクティビティ 2
Animation / アニメーション
Flocking / 群れ(Flocking)
Weather / 天気
Drawing / ドローイング
Song / ソング
Groups
Structure / 構造
Structure Examples of p5.js website legacy
Form / 形状
Form Examples of p5.js website legacy
Data / データ
Data Examples of p5.js website legacy
Arrays / 配列
Arrays Examples of p5.js website legacy
Control / 制御
Control Examples of p5.js website legacy
Image / 画像
Image Examples of p5.js website legacy
Image Processing / 画像処理
Image Processing Examples of p5.js website legacy
Color / 色
Color Examples of p5.js website legacy
Math / 数学
Math Examples of p5.js website legacy
Simulate / シミュレーション
Simulate Examples of p5.js website legacy
Interaction / インタラクション
Interaction Examples of p5.js website legacy
Objects / オブジェクト
Objects Examples of p5.js website legacy
Lights / ライト
Lights Examples of p5.js website legacy
Motion / 動き
Motion Examples of p5.js website legacy
Instance Mode / インスタンスモード
Instance Mode Examples of p5.js website legacy
Dom / DOM
Dom Examples of p5.js website legacy
Drawing / 描画
Drawing Examples of p5.js website legacy
Transform / 変形
Transform Examples of p5.js website legacy
Typography / タイポグラフィ
Typography Examples of p5.js website legacy
3D / 3D
3D Examples of p5.js website legacy
Input / 入力
Input Examples of p5.js website legacy
Advanced Data / 高度なデータ
Advanced Data Examples of p5.js website legacy
Sound / サウンド
Sound Examples of p5.js website legacy
Mobile / モバイル
Mobile Examples of p5.js website legacy
Hello P5 / Hello P5
Hello P5 Examples of p5.js website legacy
License
Source code is available on GitHub p5.js website legacy.
All examples are licensed under CC BY-NC-SA 4.0.