phina-extensions

Class: AfterImage

phina.accessory.AfterImage

new phina.accessory.AfterImage (options, filterFunc)

AfterImage.js:11
対象のSpriteもしくはShapeオブジェクトに残像エフェクトを付与します。（ただしShapeは不完全）
残像にfilterをかけることもできます。
Name Type Description
options object optional
Name Type Default Description
interval number 4 optional 残像を表示する間隔
poolNum number 22 optional プールする残像オブジェクト数
effectProps object { alpha: 0 } optional 消え方のパラメータ
effectDuration number 800 optional 消える時間
effectEasing number easeOutCirc optional 消える際のイージング
filterFunc function optional 残像にかけるフィルター関数：cross-originによるエラーに注意
Example
const player = phina.display.Sprite('player').addChildTo(this);
const filterFunc = (pixel, i, x, y, imageData)=> {
  if (pixel[3] === 0) return; // pixel[3]はalpha値、0の場合は透明ピクセルなので無視
  imageData.data[i] *= 0.2; // r
  imageData.data[i + 1] *= 0; // g
  imageData.data[i + 2] *= 0.8; // b
}
phina.accessory.AfterImage({
  interval: 8
}, filterFunc)
.attachTo(player);

Extends

  • phina.accessory.Accessory

Methods

_toTexture (shape)phina.asset.Texture protected

AfterImage.js:119
Shapeをcanvasに変換
Name Type Description
shape phina.display.Shape
Returns:
Type Description
phina.asset.Texture

poolImage ()phina.display.Sprite

AfterImage.js:149
残像用Spriteをプール
Returns:
Type Description
phina.display.Sprite 生成したSpriteクラス

remove ()void

AfterImage.js:163
add pool-releasing process to original remove method
Returns:
Type Description
void

setVisible (flag)this

AfterImage.js:137
表示フラグを変更
Name Type Description
flag boolean
Returns:
Type Description
this