DisplayObject

DisplayObjectは、Next2D Playerにおける全ての表示オブジェクトの基底クラスです。

プロパティ (Properties)

読み取り専用プロパティ

プロパティ説明
instanceIdnumberDisplayObjectのユニークなインスタンスID
isSpritebooleanSpriteの機能を所持しているかを返却
isInteractivebooleanInteractiveObjectの機能を所持しているかを返却
isContainerEnabledbooleanコンテナの機能を所持しているかを返却
isTimelineEnabledbooleanMovieClipの機能を所持しているかを返却
isShapebooleanShapeの機能を所持しているかを返却
isVideobooleanVideoの機能を所持しているかを返却
isTextbooleanTextの機能を所持しているかを返却
concatenatedMatrixMatrixルートレベルまでの結合された変換行列
dropTargetDisplayObject | nullスプライトのドラッグ先またはドロップされた先の表示オブジェクト
loaderInfoLoaderInfo | nullこの表示オブジェクトが属するファイルの読み込み情報
mouseXnumber対象のDisplayObjectの基準点からのマウスのX座標(ピクセル)
mouseYnumber対象のDisplayObjectの基準点からのマウスのY座標(ピクセル)
rootMovieClip | Sprite | nullDisplayObjectのルートであるDisplayObjectContainer

読み書きプロパティ

プロパティ説明
namestring名前。getChildByName()で使用される(デフォルト: "")
startFramenumber開始フレーム(デフォルト: 1)
endFramenumber終了フレーム(デフォルト: 0)
isMaskbooleanマスクとしてDisplayObjectにセットされているかを示す(デフォルト: false)
parentSprite | MovieClip | nullこのDisplayObjectの親のDisplayObjectContainer
alphanumberアルファ透明度値(0.0~1.0、デフォルト: 1.0)
blendModestring使用するブレンドモード(デフォルト: BlendMode.NORMAL)
filtersArray | null表示オブジェクトに関連付けられている各フィルターオブジェクトの配列
heightnumber表示オブジェクトの高さ(ピクセル単位)
widthnumber表示オブジェクトの幅(ピクセル単位)
colorTransformColorTransform表示オブジェクトのColorTransform
matrixMatrix表示オブジェクトのMatrix
rotationnumberDisplayObjectインスタンスの回転角度(度単位)
scale9GridRectangle | null現在有効な拡大/縮小グリッド
scaleXnumber基準点から適用されるオブジェクトの水平スケール値
scaleYnumber基準点から適用されるオブジェクトの垂直スケール値
visibleboolean表示オブジェクトが可視かどうか(デフォルト: true)
xnumber親DisplayObjectContainerのローカル座標を基準にしたX座標
ynumber親DisplayObjectContainerのローカル座標を基準にしたY座標

メソッド (Methods)

メソッド戻り値説明
getBounds(targetDisplayObject)Rectangle指定したDisplayObjectの座標系を基準にして、表示オブジェクトの領域を定義する矩形を返す
globalToLocal(point)Pointpointオブジェクトをステージ(グローバル)座標から表示オブジェクトの(ローカル)座標に変換
localToGlobal(point)Pointpointオブジェクトを表示オブジェクトの(ローカル)座標からステージ(グローバル)座標に変換
hitTestObject(targetDisplayObject)booleanDisplayObjectの描画範囲を評価して、重複または交差するかどうかを調べる
hitTestPoint(x, y, shapeFlag)boolean表示オブジェクトを評価して、x および y パラメーターで指定されたポイントと重複または交差するかどうかを調べる
getLocalVariable(key)anyクラスのローカル変数空間から値を取得
setLocalVariable(key, value)voidクラスのローカル変数空間へ値を保存
hasLocalVariable(key)booleanクラスのローカル変数空間に値があるかどうかを判断
deleteLocalVariable(key)voidクラスのローカル変数空間の値を削除
getGlobalVariable(key)anyグローバル変数空間から値を取得
setGlobalVariable(key, value)voidグローバル変数空間へ値を保存
hasGlobalVariable(key)booleanグローバル変数空間に値があるかどうかを判断
deleteGlobalVariable(key)voidグローバル変数空間の値を削除
clearGlobalVariable()voidグローバル変数空間の値を全てクリア
remove()void親子関係を解除

ブレンドモード

定数説明
BlendMode.NORMAL通常表示
BlendMode.ADD加算
BlendMode.MULTIPLY乗算
BlendMode.SCREENスクリーン
BlendMode.DARKEN暗くする
BlendMode.LIGHTEN明るくする
BlendMode.DIFFERENCE差分
BlendMode.OVERLAYオーバーレイ
BlendMode.HARDLIGHTハードライト
BlendMode.INVERT反転
BlendMode.ALPHAアルファ
BlendMode.ERASE消去

使用例

const { Sprite } = next2d.display;
const { BlurFilter } = next2d.filters;

const sprite = new Sprite();

// 位置とサイズ
sprite.x = 100;
sprite.y = 200;
sprite.scaleX = 1.5;
sprite.scaleY = 1.5;
sprite.rotation = 30;

// 表示制御
sprite.alpha = 0.8;
sprite.visible = true;
sprite.blendMode = "add";

// フィルター
sprite.filters = [
    new BlurFilter(4, 4)
];

// ステージに追加
stage.addChild(sprite);

座標変換の例

const { Point } = next2d.geom;

// グローバル座標をローカル座標に変換
const globalPoint = new Point(100, 100);
const localPoint = displayObject.globalToLocal(globalPoint);

// ローカル座標をグローバル座標に変換
const localPos = new Point(0, 0);
const globalPos = displayObject.localToGlobal(localPos);

衝突判定の例

// バウンディングボックスで判定
const hit1 = displayObject.hitTestPoint(100, 100, false);

// 実際の形状で判定
const hit2 = displayObject.hitTestPoint(100, 100, true);

// 他のDisplayObjectとの衝突判定
if (obj1.hitTestObject(obj2)) {
    console.log("衝突しました");
}

変数操作の例

// ローカル変数の操作
displayObject.setLocalVariable("score", 100);
const score = displayObject.getLocalVariable("score");
if (displayObject.hasLocalVariable("score")) {
    displayObject.deleteLocalVariable("score");
}

// グローバル変数の操作
displayObject.setGlobalVariable("gameState", "playing");
const state = displayObject.getGlobalVariable("gameState");
displayObject.clearGlobalVariable(); // 全てクリア

関連項目