タグ

svgとboxに関するmytechnoteのブックマーク (2)

  • SVGのPathの当たり判定を取る方法 - ABAの日誌

    Pathで囲まれたSVGの当たり判定を取ることができれば、ベクター形状の間で正確に当たり判定が取れる。現代版1ドットのエクスタシーを魅せることが可能だ。以下の様なコードを書いた。 stars SVGPathCollider SVG自体にはバウンディングボックスを使ったおおまかな当たり判定の仕組みしかないので、厳密な当たり判定は自前でなんとかするしかない。 Collision detection with SVG この記事にあるようにまずバウンディングボックスでの衝突を判定し、衝突している場合のみパスを使った厳密な当たり判定を取るのがパフォーマンスの面から見て望ましい。 Get bounding box of element accounting for its transform バウンディングボックスはこのスレにあるように、getBBox()で取ったバウンディングボックスを自力でtran

    SVGのPathの当たり判定を取る方法 - ABAの日誌
  • 1