Image

概要

画像処理用のオブジェクトを扱います。

グローバルオブジェクト

オブジェクト名内容備考
pixelsキャンバス内のすべてのピクセルの値を含む型付き配列

メソッド

メソッド名処理内容備考
createImageイメージを生成
loadImage画像ファイルからイメージをロード
imageイメージを描画
imageModeimageメソッドの各引数の解釈方法を設定
tintイメージを描画する際の色合いを設定
noTinttintメソッドで設定された色合いを除去
loadPixelsキャンバス上のピクセルデータを pixels配列にロード類似のインスタンスメソッドあり
updatePixelsピクセル単位で設定された内容をキャンバスに反映類似のインスタンスメソッドあり
getキャンバスからピクセルの領域または単一のピクセルの値を取得類似のインスタンスメソッドあり
setキャンバス上の任意のピクセルに値を設定類似のインスタンスメソッドあり
filterキャンバスにフィルターを適用類似のインスタンスメソッドあり
copy指定領域をキャンバスの別の領域にコピー類似のインスタンスメソッドあり
blend指定領域をキャンバスの別の領域にコピー(ブレンドモードを適用)類似のインスタンスメソッドあり

p5imageオブジェクト
 (プロパティ)

プロパティ名内容備考
widthイメージの幅
heightイメージの高さ
pixelsイメージ内のすべてのピクセルの値を含む型付き配列

 (インスタンスメソッド)

メソッド名処理内容備考
loadPixelsイメージ上のピクセルデータを pixels配列にロード類似のグローバルメソッドあり
updatePixelsピクセル単位で設定された内容をイメージに反映類似のグローバルメソッドあり
getイメージからピクセルの領域または単一のピクセルの値を取得類似のグローバルメソッドあり
setイメージ上の任意のピクセルに値を設定類似のグローバルメソッドあり
filterイメージにフィルターを適用類似のグローバルメソッドあり
copy指定領域をイメージの別の領域にコピー類似のグローバルメソッドあり
blend指定領域をイメージの別の領域にコピー(ブレンドモードを適用)類似のグローバルメソッドあり
muskイメージの一部が表示されないようにマスク
resizeイメージのサイズを変更
saveイメージを画像ファイルとして保存
colorKeyイメージ内の指定の色を透過(色抜き)rbCanvas/p5独自拡張

p5.jsリファレンス(参考情報) p5.Image