IDDraggableSwitch

InputDetect. IDDraggableSwitch

ドラッグ可能なスイッチ(ボタン)の状態を管理するクラスです。 クリックやドラッグ操作の開始・終了・移動を追跡し、イベントごとに内部状態を更新できます。

Constructor

new IDDraggableSwitch()

Source:

Members

client :IDPosition

現在の位置(client座標系)

.

Description:
  • 現在の位置(client座標系)

Source:

現在の位置(client座標系)

Type:
  • IDPosition

deltaBase :IDPosition

ドラッグ開始位置

.

Description:
  • ドラッグ開始位置

Source:

ドラッグ開始位置

Type:
  • IDPosition

dragged :IDPosition

ドラッグ量(始点からの移動量)

.

Description:
  • ドラッグ量(始点からの移動量)

Source:

ドラッグ量(始点からの移動量)

Type:
  • IDPosition

mask :number

このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

.

Description:
  • このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

Source:

このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

Type:
  • number

switch :IDSwitch

ボタンの押下状態を管理するIDSwitchインスタンス

.

Description:
  • ボタンの押下状態を管理するIDSwitchインスタンス

Source:

ボタンの押下状態を管理するIDSwitchインスタンス

Type:
  • IDSwitch

Methods

clone() → {IDDraggableSwitch}

このインスタンスの複製を作成します。

.

Description:
  • このインスタンスの複製を作成します。

Source:
Returns:

複製したIDDraggableSwitchインスタンス

Type
IDDraggableSwitch

correctionForDOM(event) → {IDPosition}

DOMイベントの位置情報から、ノードサイズに応じた正規化座標を計算します。 画像やcanvasのスケーリングに対応した正しい座標を返します。

.

Description:
  • DOMイベントの位置情報から、ノードサイズに応じた正規化座標を計算します。 画像やcanvasのスケーリングに対応した正しい座標を返します。

Source:
Parameters:
Name Type Description
event MouseEvent | TouchEvent

イベントオブジェクト

Returns:

計算済みの位置情報

Type
IDPosition

focusLost()

フォーカスが外れた場合の状態リセット処理。

.

Description:
  • フォーカスが外れた場合の状態リセット処理。

Source:

mouseMoved(event)

マウス移動時の処理。 ドラッグ中なら移動量(dragged)を加算していきます。

.

Description:
  • マウス移動時の処理。 ドラッグ中なら移動量(dragged)を加算していきます。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

mousePressed(event)

マウスボタンが押された時の処理。 指定ボタン(mask)が押された時のみ内部状態を更新します。

.

Description:
  • マウスボタンが押された時の処理。 指定ボタン(mask)が押された時のみ内部状態を更新します。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

mouseReleased(event)

マウスボタンが離された時の処理。

.

Description:
  • マウスボタンが離された時の処理。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

pickInput(c)

他のIDDraggableSwitchインスタンスに現在の入力情報をコピーします。 ドラッグ量はリセットされます。

.

Description:
  • 他のIDDraggableSwitchインスタンスに現在の入力情報をコピーします。 ドラッグ量はリセットされます。

Source:
Parameters:
Name Type Description
c IDDraggableSwitch

情報を受け取るインスタンス

Throws:

cがIDDraggableSwitchでない場合

Type
string

setPosition(event)

指定イベントの座標位置で、全ての位置情報を強制的にセットします。

.

Description:
  • 指定イベントの座標位置で、全ての位置情報を強制的にセットします。

Source:
Parameters:
Name Type Description
event MouseEvent | TouchEvent

イベントオブジェクト

InputDetect. IDDraggableSwitch

new IDDraggableSwitch(mask)

ドラッグ操作可能なスイッチの状態を管理するクラス

.

Description:
  • ドラッグ操作可能なスイッチの状態を管理するクラス

Source:
Parameters:
Name Type Description
mask number

対象となるボタン(0:左, 1:中央, 2:右)

Members

client :IDPosition

現在の位置(client座標系)

.

Description:
  • 現在の位置(client座標系)

Source:

現在の位置(client座標系)

Type:
  • IDPosition

deltaBase :IDPosition

ドラッグ開始位置

.

Description:
  • ドラッグ開始位置

Source:

ドラッグ開始位置

Type:
  • IDPosition

dragged :IDPosition

ドラッグ量(始点からの移動量)

.

Description:
  • ドラッグ量(始点からの移動量)

Source:

ドラッグ量(始点からの移動量)

Type:
  • IDPosition

mask :number

このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

.

Description:
  • このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

Source:

このインスタンスが監視するボタン種別(0:左, 1:中央, 2:右)

Type:
  • number

switch :IDSwitch

ボタンの押下状態を管理するIDSwitchインスタンス

.

Description:
  • ボタンの押下状態を管理するIDSwitchインスタンス

Source:

ボタンの押下状態を管理するIDSwitchインスタンス

Type:
  • IDSwitch

Methods

clone() → {IDDraggableSwitch}

このインスタンスの複製を作成します。

.

Description:
  • このインスタンスの複製を作成します。

Source:
Returns:

複製したIDDraggableSwitchインスタンス

Type
IDDraggableSwitch

correctionForDOM(event) → {IDPosition}

DOMイベントの位置情報から、ノードサイズに応じた正規化座標を計算します。 画像やcanvasのスケーリングに対応した正しい座標を返します。

.

Description:
  • DOMイベントの位置情報から、ノードサイズに応じた正規化座標を計算します。 画像やcanvasのスケーリングに対応した正しい座標を返します。

Source:
Parameters:
Name Type Description
event MouseEvent | TouchEvent

イベントオブジェクト

Returns:

計算済みの位置情報

Type
IDPosition

focusLost()

フォーカスが外れた場合の状態リセット処理。

.

Description:
  • フォーカスが外れた場合の状態リセット処理。

Source:

mouseMoved(event)

マウス移動時の処理。 ドラッグ中なら移動量(dragged)を加算していきます。

.

Description:
  • マウス移動時の処理。 ドラッグ中なら移動量(dragged)を加算していきます。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

mousePressed(event)

マウスボタンが押された時の処理。 指定ボタン(mask)が押された時のみ内部状態を更新します。

.

Description:
  • マウスボタンが押された時の処理。 指定ボタン(mask)が押された時のみ内部状態を更新します。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

mouseReleased(event)

マウスボタンが離された時の処理。

.

Description:
  • マウスボタンが離された時の処理。

Source:
Parameters:
Name Type Description
event MouseEvent

マウスイベント

pickInput(c)

他のIDDraggableSwitchインスタンスに現在の入力情報をコピーします。 ドラッグ量はリセットされます。

.

Description:
  • 他のIDDraggableSwitchインスタンスに現在の入力情報をコピーします。 ドラッグ量はリセットされます。

Source:
Parameters:
Name Type Description
c IDDraggableSwitch

情報を受け取るインスタンス

Throws:

cがIDDraggableSwitchでない場合

Type
string

setPosition(event)

指定イベントの座標位置で、全ての位置情報を強制的にセットします。

.

Description:
  • 指定イベントの座標位置で、全ての位置情報を強制的にセットします。

Source:
Parameters:
Name Type Description
event MouseEvent | TouchEvent

イベントオブジェクト