jeena/pixi.js
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

hitArea now also support a polygon object

Browse source
This commit is contained in:
Adrien Brault 2013-05-10 04:49:27 +02:00
parent 5de18a11fd
commit 7c725d91e2
3 changed files with 78 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Gruntfile.js
View file

@ -13,6 +13,7 @@ module.exports = function(grunt) {
'<%= dirs.src %>/Pixi.js', '<%= dirs.src %>/Pixi.js',
'<%= dirs.src %>/Point.js', '<%= dirs.src %>/Point.js',
'<%= dirs.src %>/Rectangle.js', '<%= dirs.src %>/Rectangle.js',
'<%= dirs.src %>/Polygon.js',
'<%= dirs.src %>/DisplayObject.js', '<%= dirs.src %>/DisplayObject.js',
'<%= dirs.src %>/DisplayObjectContainer.js', '<%= dirs.src %>/DisplayObjectContainer.js',
'<%= dirs.src %>/Sprite.js', '<%= dirs.src %>/Sprite.js',

74
src/pixi/InteractionManager.js
View file

@ -310,15 +310,56 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
if(!item.visible)return false; if(!item.visible)return false;
if(item instanceof PIXI.Sprite) if(item.hitArea)
{
var worldTransform = item.worldTransform;
var hitArea = item.hitArea;
var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
id = 1 / (a00 * a11 + a01 * -a10);
var x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id;
var y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
if (item.hitArea instanceof PIXI.Polygon) {
var inside = false;
// https://github.com/substack/point-in-polygon/blob/master/index.js
for (var i = 0, j = item.hitArea.points.length - 1; i < item.hitArea.points.length; j = i++) {
var xi = item.hitArea.points[i].x, yi = item.hitArea.points[i].y;
var xj = item.hitArea.points[j].x, yj = item.hitArea.points[j].y;
var intersect = ((yi > y) != (yj > y))
&& (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
if (intersect) inside = !inside;
}
if (inside) {
return true;
}
} else {
var x1 = hitArea.x;
if(x > x1 && x < x1 + hitArea.width)
{
var y1 = hitArea.y;
if(y > y1 && y < y1 + hitArea.height)
{
return true;
}
}
}
}
else if(item instanceof PIXI.Sprite)
{ {
var worldTransform = item.worldTransform; var worldTransform = item.worldTransform;
var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2], var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5], a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
id = 1 / (a00 * a11 + a01 * -a10); id = 1 / (a00 * a11 + a01 * -a10);
var x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id; var x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id;
var y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id; var y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
var width = item.texture.frame.width; var width = item.texture.frame.width;
@ -329,7 +370,7 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
if(x > x1 && x < x1 + width) if(x > x1 && x < x1 + width)
{ {
var y1 = -height * item.anchor.y; var y1 = -height * item.anchor.y;
if(y > y1 && y < y1 + height) if(y > y1 && y < y1 + height)
{ {
// set the target property if a hit is true! // set the target property if a hit is true!
@ -338,29 +379,6 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
} }
} }
} }
else if(item.hitArea)
{
var worldTransform = item.worldTransform;
var hitArea = item.hitArea;
var a00 = worldTransform[0], a01 = worldTransform[1], a02 = worldTransform[2],
a10 = worldTransform[3], a11 = worldTransform[4], a12 = worldTransform[5],
id = 1 / (a00 * a11 + a01 * -a10);
var x = a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id;
var y = a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id;
var x1 = hitArea.x;
if(x > x1 && x < x1 + hitArea.width)
{
var y1 = hitArea.y;
if(y > y1 && y < y1 + hitArea.height)
{
return true;
}
}
}
var length = item.children.length; var length = item.children.length;

31
src/pixi/Polygon.js Normal file
View file

@ -0,0 +1,31 @@
/**
* @author Adrien Brault <adrien.brault@gmail.com>
*/
/**
* @class Polygon
* @constructor
* @param points {Array}
*/
PIXI.Polygon = function(points)
{
this.points = points;
}
/**
* @method clone
* @return a copy of the polygon
*/
PIXI.Polygon.clone = function()
{
var points = [];
for (var i=0; i<this.points.length; i++) {
points.push(this.points[i].clone());
}
return new PIXI.Polygon(points);
}
// constructor
PIXI.Polygon.constructor = PIXI.Polygon;