midorable
    Preparing search index...

    Class Sprite

    画像を描画する表示オブジェクト

    画像アセットまたはテキスチャを描画するための表示オブジェクト。 frame プロパティを指定することで、画像の一部を切り出して描画することもできる。

    const sprite = new Sprite({
      context,
      image: myImageAsset,
      frame: { x: 0, y: 0, width: 32, height: 32 },
    });
    app.root.addChild(sprite);

    Hierarchy (View Summary)

    Index

    Constructors

    constructor

    Properties

    _context

    Accessors

    anchorX anchorY blendMode children colorTone context cursor filters frame image interactive mask onClick onMouseMiddleDown onMouseMiddleUp onMouseRightDown onMouseRightUp onPointerDown onPointerEnter onPointerLeave onPointerMove onPointerUp onUpdate opacity parent rotation scaleX scaleY smooth visible x y

    Methods

    addChild addChildAt dispatchClick dispatchMouseMiddleDown dispatchMouseMiddleUp dispatchMouseRightDown dispatchMouseRightUp dispatchPointerDown dispatchPointerEnter dispatchPointerLeave dispatchPointerMove dispatchPointerUp dispose findTopmostHit getAnchorAdjustedLocalBounds getLocalBounds hide hitTestPoint removeChild removeChildren render renderSelf resetFrame setFrame show update

    Constructors

    Properties

    Protected_context

    _context: AppContext

    Accessors

    • get onClick(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがクリックされたときのイベントリスナー 左ボタンまたは主ポインタで押下された対象の上で、そのまま離されたときに発火する

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseMiddleDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの中ボタンが押されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseMiddleUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの中ボタンが離されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseRightDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの右ボタンが押されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseRightUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの右ボタンが離されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがポインター押下されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerEnter(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトにポインターが入ったときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerLeave(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトからポインターが出たときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerMove(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でポインターが移動したときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

      ポインター押下時にこのオブジェクトが対象になった場合、ポインターが後から領域外に移動しても 押下中はこのオブジェクトに対して発火し続ける。

    • get onPointerUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがポインターを離したときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

      ポインター押下時にこのオブジェクトが対象になった場合、ポインターが後から領域外に移動しても 押下中はこのオブジェクトに対して発火し続ける。

    • get onUpdate(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      1フレームの更新ごとに呼び出されるイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get smooth(): boolean

      表示オブジェクトのスムージングの有効/無効

      Returns boolean

      描画時のスケーリング品質を設定する。 true の場合はスムージングが有効になり、false の場合はスムージングが無効になる。 ドット絵などを鮮明に表示したい場合に false に設定することを想定している。

    • set smooth(value: boolean): void

      Parameters

      • value: boolean

      Returns void

    Methods

    • 表示オブジェクトがクリックされたときのイベントを発火する

      Parameters

      Returns void

      左ボタンまたは主ポインタで押下された対象の上で、そのまま離されたときに発火する 通常、アプリケーション開発者がこのメソッドを直接呼び出すことはない。 判定処理時に自動的に呼び出される。

    • 表示オブジェクトのローカル座標系での境界矩形を取得する

      Returns { height: number; width: number; x: number; y: number }

      境界矩形。境界が定義されていない場合はnullを返す

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods