03 レイヤー確定ルーチン
さて、現在マウスが置かれている場所が、何らかのレイヤーの検知範囲内にあるかどうかは、前ページのスクリプトによってチェックできました。 しかし、マウスがレイヤーの検知範囲内にあるからといって、必ずしもレイヤー確定となるわけではありません。
 レイヤー確定にならない場合の例 それは、上図のように、レイヤー検知範囲の上に、別のレイヤーが存在している場合等が考えられるからです。 このレイヤー判定アルゴリズムについて、少し詳しく解説しましょう。 マウスの座標は、画面の左上からの位置を検出する「絶対座標」と、レイヤーからの位置を検出する「相対座標」の２種類が存在します。  上記の例にあるように、マウスの絶対座標は、マウスの相対座標とレイヤーの座標を足し合わせた値に等しいということが分かります。 ということはつまり、レイヤーの検知範囲内にマウスがあるかどうかをチェックするには、この計算結果が「０」になるかどうかを判定すればよいわけです。 さて、マウスの相対座標ですが、「レイヤーの相対座標」であることから、常に、最も上にあるレイヤーから相対座標を算出するという性質があります。  つまり、検知したレイヤーの上にさらに別のレイヤーが存在していた場合、マウスの相対座標は上にあるレイヤーの位置を「０」とする相対座標として計算されることになります。 結果として、レイヤーの相対座標は上図にあるとおり、黒のレイヤーからの相対位置からは異なる結果となり、検知したレイヤーの上に別のレイヤーが存在し、且つ、マウスはその上のレイヤー上にあることを判定できる事が分かります。
| ||||||||||
