← オブジェクトリファレンスに戻る

addTransform

概要

• id名、識別子別のtransformを追加・変更する関数。処理後はid名のtransform属性を再結合して反映します。
• 異なる識別子間のtransformはそれぞれ維持されます。
• 過去に使用済みの識別子を使った場合、その識別子の値のみが上書きされます。

補足：g_transforms

• 下記の例の場合、次の意味になります。
  ⇒ mainSprite.style.transform = rotate(15deg) skew(10deg, 10deg) rotate(45deg);

g_transforms['mainSprite'] = new Map([
    ['playWindow', `rotate(15deg) skew(10deg, 10deg)`],
    ['frzReturn', `rotate(45deg)`],
]);

引数（括弧内はデフォルト値）

引数	型	必須	指定内容
_id	string	*	オブジェクトラベルに設定されているid名
_transformId	string	*	識別子。id別のtransformは、この単位で管理する。
_transform	string	*	CSSのtransform形式で指定。複数ある場合は半角スペースを入れる。
_priority	number		優先順設定。値が小さいほど前に配置する。既定は1000。同一の場合は挿入順になる。

返却値

• なし (指定された_idに合致するオブジェクトのtransform属性を更新)

使用例

addTransform(`mainSprite`, `playWindow`, `rotate(15deg)`);
// -> transform: rotate(15deg)

addTransform(`mainSprite`, `frzReturn`, `rotate(5deg)`);
// -> transform: rotate(15deg) rotate(5deg)

addTransform(`mainSprite`, `frzReturn`, `rotate(10deg)`);
// -> transform: rotate(15deg) rotate(10deg)

addTransform(`mainSprite`, `frzReturn`, `rotate(15deg)`);
// -> transform: rotate(15deg) rotate(15deg)

参考）danoni_main.js で予約済みのtransition ID

• データ管理上は対象ID＋transition IDで一意。 他に影響しないようにするのであれば被らない名前にする必要がある。
• ただし、transitionを更新していくような場合は同じtransition IDを使い回す。

対象ID	transition ID	優先度	用途
keyconSprite	root		キーコンフィグ画面で表示される矢印群のスケール
backSpriteN	root	10	階層別の初期Transition
mainSprite	main	0	プレイ画面（ステップ、矢印関係）の初期位置
mainSprite	playWindow	100	PlayWindow設定時に適用するTransition
mainSprite	frzReturn	120	FrzReturn設定時に適用するTransition
mainSprite	shakingR_base	130	Shaking(H-Drunk)で適用するTransition(回転)
mainSprite	shakingX_base	140	Shaking(Horizontal, H-Drunk)で適用するTransition(X座標)
mainSprite	shakingX_drunk	140	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(X座標)
mainSprite	shakingY_base	150	Shaking(Vertical, H-Drunk)で適用するTransition(Y座標)
mainSprite	shakingY_drunk	150	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(Y座標)
mainSprite	root	200	プレイ画面（ステップ、矢印関係）の初期スケール
mainSpriteN	mainSpriteN	10	階層別の初期Transition
mainSpriteN	scrollch	10	階層変更時に適用するTransition
mainSpriteN	stepArea	110	StepArea設定時に適用するTransition
mainSpriteN	shakingR_layer	130	Shaking(H-Drunk)で適用するTransition(回転)
mainSpriteN	shakingX_layer	140	Shaking(X-Horizontal, S-Drunk, H-Drunk)で適用するTransition(X座標)
mainSpriteN	shakingY_layer	150	Shaking(X-Vertical, S-Drunk, H-Drunk)で適用するTransition(Y座標)
arrowNameN_Cnt	root	1000 (Default)	矢印の初期位置(Y座標)
frzNameN_Cnt	root	1000 (Default)	矢印の初期位置(Y座標)
filterBarN	appearance	10	Appearanceフィルターバーの位置
filterView	appearance	10	Appearanceフィルターバーのパーセント表示
infoSprite	main	0	プレイ画面（ライフゲージ、スコア）の初期位置
infoSprite	shakingR_base	130	Shaking(H-Drunk)で適用するTransition(回転)
infoSprite	shakingX_drunk	140	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(X座標)
infoSprite	shakingY_drunk	150	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(Y座標)
judgeSprite	main	0	プレイ画面（判定表示）の初期位置
judgeSprite	shakingX_drunk	140	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(X座標)
judgeSprite	shakingY_drunk	150	Shaking(Drunk, S-Drunk, H-Drunk)で適用するTransition(Y座標)
maskSpriteN	root	10	階層別の初期Transition

addTempTransform

概要

• id名に対して、一時的に別のtransformを付加する場合に使用する関数。
• ここで指定したtransformは他では転用されません。

引数（括弧内はデフォルト値）

引数	型	必須	指定内容
_id	string	*	オブジェクトラベルに設定されているid名
_transform	string	*	CSSのtransform形式で指定。複数ある場合は半角スペースを入れる。

delTransform

概要

• idに適用されているtransformから、対象のtransformIdに合致したtransform要素だけを削除する関数。
• データは g_transforms[_id] にtransformId別で管理されているため、削除した要素を除いた状態でtransform属性を組み直します。

引数（括弧内はデフォルト値）

引数	型	必須	指定内容
_id	string	*	オブジェクトラベルに設定されているid名
_transformId	string	*	string

更新履歴

Version	変更内容
v45.0.0	・addTransformの引数に _priority を追加・delTransformを実装
v39.1.0	・初期実装