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

buttonMode added and documented

Browse source
This commit is contained in:
Mat Groves 2013-05-01 11:03:52 +01:00
parent c1240a1da7
commit 164e35e5f0
26 changed files with 634 additions and 140 deletions
Download patch file Download diff file Expand all files Collapse all files

17
bin/pixi.dev.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

6
bin/pixi.js
View file

File diff suppressed because one or more lines are too long

73
docs/classes/DisplayObject.html
View file

@ -329,6 +329,13 @@
</li>
<li class="index-item property">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property"> <li class="index-item property">
@ -589,7 +596,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -676,7 +683,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -763,7 +770,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -850,7 +857,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -937,7 +944,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1025,7 +1032,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1113,7 +1120,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1200,7 +1207,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -1288,7 +1295,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -1375,7 +1382,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -1463,7 +1470,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -1557,6 +1564,50 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div id="property_buttonMode" class="property item">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>
Defined in
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

70
docs/classes/DisplayObjectContainer.html
View file

@ -359,6 +359,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property"> <li class="index-item property">
@ -665,7 +672,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -836,7 +843,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -920,7 +927,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1004,7 +1011,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1088,7 +1095,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1173,7 +1180,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1345,7 +1352,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1537,7 +1544,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -1622,7 +1629,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -1706,7 +1713,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -1791,7 +1798,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -1882,6 +1889,47 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

10
docs/classes/InteractionData.html
View file

@ -126,7 +126,7 @@
<div class="foundat"> <div class="foundat">
Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l506"><code>src&#x2F;pixi&#x2F;InteractionManager.js:506</code></a> Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l513"><code>src&#x2F;pixi&#x2F;InteractionManager.js:513</code></a>
</div> </div>
@ -180,7 +180,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l506"><code>src&#x2F;pixi&#x2F;InteractionManager.js:506</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l513"><code>src&#x2F;pixi&#x2F;InteractionManager.js:513</code></a>
</p> </p>
@ -319,7 +319,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l530"><code>src&#x2F;pixi&#x2F;InteractionManager.js:530</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l537"><code>src&#x2F;pixi&#x2F;InteractionManager.js:537</code></a>
</p> </p>
@ -408,7 +408,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l512"><code>src&#x2F;pixi&#x2F;InteractionManager.js:512</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l519"><code>src&#x2F;pixi&#x2F;InteractionManager.js:519</code></a>
</p> </p>
@ -452,7 +452,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l522"><code>src&#x2F;pixi&#x2F;InteractionManager.js:522</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l529"><code>src&#x2F;pixi&#x2F;InteractionManager.js:529</code></a>
</p> </p>

70
docs/classes/MovieClip.html
View file

@ -448,6 +448,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property inherited"> <li class="index-item property inherited">
@ -804,7 +811,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -1146,7 +1153,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -1230,7 +1237,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1314,7 +1321,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1398,7 +1405,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1483,7 +1490,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1706,7 +1713,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -2033,7 +2040,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -2118,7 +2125,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -2202,7 +2209,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -2287,7 +2294,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -2508,6 +2515,47 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

70
docs/classes/Sprite.html
View file

@ -431,6 +431,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property inherited"> <li class="index-item property inherited">
@ -752,7 +759,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -1134,7 +1141,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -1218,7 +1225,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1302,7 +1309,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1386,7 +1393,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1471,7 +1478,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1640,7 +1647,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1916,7 +1923,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -2001,7 +2008,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -2085,7 +2092,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -2170,7 +2177,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -2353,6 +2360,47 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

70
docs/classes/Stage.html
View file

@ -434,6 +434,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property inherited"> <li class="index-item property inherited">
@ -734,7 +741,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -973,7 +980,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -1057,7 +1064,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1141,7 +1148,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1225,7 +1232,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1310,7 +1317,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1566,7 +1573,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1755,7 +1762,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -1840,7 +1847,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -1924,7 +1931,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -2009,7 +2016,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -2154,6 +2161,47 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

70
docs/classes/Text.html
View file

@ -504,6 +504,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property inherited"> <li class="index-item property inherited">
@ -825,7 +832,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -993,7 +1000,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -1077,7 +1084,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1161,7 +1168,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1245,7 +1252,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1330,7 +1337,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1499,7 +1506,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1922,7 +1929,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -2007,7 +2014,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -2091,7 +2098,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -2176,7 +2183,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -2353,6 +2360,47 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

70
docs/classes/TilingSprite.html
View file

@ -434,6 +434,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_buttonMode">buttonMode</a>
</li> </li>
<li class="index-item property inherited"> <li class="index-item property inherited">
@ -748,7 +755,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l91"><code>src&#x2F;pixi&#x2F;DisplayObject.js:91</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a>
</p> </p>
@ -916,7 +923,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l97"><code>src&#x2F;pixi&#x2F;DisplayObject.js:97</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a>
</p> </p>
@ -1000,7 +1007,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l129"><code>src&#x2F;pixi&#x2F;DisplayObject.js:129</code></a>
</p> </p>
@ -1084,7 +1091,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l117"><code>src&#x2F;pixi&#x2F;DisplayObject.js:117</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a>
</p> </p>
@ -1168,7 +1175,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l103"><code>src&#x2F;pixi&#x2F;DisplayObject.js:103</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l109"><code>src&#x2F;pixi&#x2F;DisplayObject.js:109</code></a>
</p> </p>
@ -1253,7 +1260,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a>
</p> </p>
@ -1422,7 +1429,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l164"><code>src&#x2F;pixi&#x2F;DisplayObject.js:164</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l170"><code>src&#x2F;pixi&#x2F;DisplayObject.js:170</code></a>
</p> </p>
@ -1611,7 +1618,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l134"><code>src&#x2F;pixi&#x2F;DisplayObject.js:134</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l140"><code>src&#x2F;pixi&#x2F;DisplayObject.js:140</code></a>
</p> </p>
@ -1696,7 +1703,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a>
</p> </p>
@ -1780,7 +1787,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObject.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l159"><code>src&#x2F;pixi&#x2F;DisplayObject.js:159</code></a>
</p> </p>
@ -1865,7 +1872,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l141"><code>src&#x2F;pixi&#x2F;DisplayObject.js:141</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a>
</p> </p>
@ -1956,6 +1963,47 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div id="property_buttonMode" class="property item inherited">
<h3 class="name"><code>buttonMode</code></h3>
<span class="type">Boolean</span>
<div class="meta">
<p>Inherited from
<a href="..&#x2F;classes&#x2F;DisplayObject.html#property_buttonMode">DisplayObject</a>:
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l86"><code>src&#x2F;pixi&#x2F;DisplayObject.js:86</code></a>
</p>
</div>
<div class="description">
<p>This is used to indicate if the displayObject should display a mouse hand cursor on rollover</p>
</div>
</div> </div>

43
docs/data.json
View file

@ -528,7 +528,7 @@
"extension_for": [], "extension_for": [],
"module": "PIXI", "module": "PIXI",
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 506, "line": 513,
"is_constructor": 1 "is_constructor": 1
}, },
"MovieClip": { "MovieClip": {
@ -1529,7 +1529,16 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 91, "line": 86,
"description": "This is used to indicate if the displayObject should display a mouse hand cursor on rollover",
"itemtype": "property",
"name": "buttonMode",
"type": "Boolean",
"class": "DisplayObject"
},
{
"file": "src/pixi/DisplayObject.js",
"line": 97,
"description": "A callback that is used when the users clicks on the displayObject with their mouse", "description": "A callback that is used when the users clicks on the displayObject with their mouse",
"itemtype": "method", "itemtype": "method",
"name": "click", "name": "click",
@ -1544,7 +1553,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 97, "line": 103,
"description": "A callback that is used when the user clicks the mouse down over the sprite", "description": "A callback that is used when the user clicks the mouse down over the sprite",
"itemtype": "method", "itemtype": "method",
"name": "mousedown", "name": "mousedown",
@ -1559,7 +1568,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 103, "line": 109,
"description": "A callback that is used when the user releases the mouse that was over the displayObject\nfor this callback to be fired the mouse must have been pressed down over the displayObject", "description": "A callback that is used when the user releases the mouse that was over the displayObject\nfor this callback to be fired the mouse must have been pressed down over the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "mouseup", "name": "mouseup",
@ -1574,7 +1583,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 110, "line": 116,
"description": "A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject\nfor this callback to be fired, The touch must have started over the displayObject", "description": "A callback that is used when the user releases the mouse that was over the displayObject but is no longer over the displayObject\nfor this callback to be fired, The touch must have started over the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "mouseupoutside", "name": "mouseupoutside",
@ -1589,7 +1598,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 117, "line": 123,
"description": "A callback that is used when the users mouse rolls over the displayObject", "description": "A callback that is used when the users mouse rolls over the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "mouseover", "name": "mouseover",
@ -1604,7 +1613,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 123, "line": 129,
"description": "A callback that is used when the users mouse leaves the displayObject", "description": "A callback that is used when the users mouse leaves the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "mouseout", "name": "mouseout",
@ -1619,7 +1628,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 134, "line": 140,
"description": "A callback that is used when the users taps on the sprite with their finger\nbasically a touch version of click", "description": "A callback that is used when the users taps on the sprite with their finger\nbasically a touch version of click",
"itemtype": "method", "itemtype": "method",
"name": "tap", "name": "tap",
@ -1634,7 +1643,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 141, "line": 147,
"description": "A callback that is used when the user touch's over the displayObject", "description": "A callback that is used when the user touch's over the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "touchstart", "name": "touchstart",
@ -1649,7 +1658,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 147, "line": 153,
"description": "A callback that is used when the user releases a touch over the displayObject", "description": "A callback that is used when the user releases a touch over the displayObject",
"itemtype": "method", "itemtype": "method",
"name": "touchend", "name": "touchend",
@ -1664,7 +1673,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 153, "line": 159,
"description": "A callback that is used when the user releases the touch that was over the displayObject\nfor this callback to be fired, The touch must have started over the sprite", "description": "A callback that is used when the user releases the touch that was over the displayObject\nfor this callback to be fired, The touch must have started over the sprite",
"itemtype": "method", "itemtype": "method",
"name": "touchendoutside", "name": "touchendoutside",
@ -1679,7 +1688,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 164, "line": 170,
"description": "Indicates if the sprite will have touch and mouse interactivity. It is false by default", "description": "Indicates if the sprite will have touch and mouse interactivity. It is false by default",
"itemtype": "method", "itemtype": "method",
"name": "setInteractive", "name": "setInteractive",
@ -1694,7 +1703,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 178, "line": 184,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "DisplayObject" "class": "DisplayObject"
@ -1841,7 +1850,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 512, "line": 519,
"description": "This point stores the global coords of where the touch/mouse event happened", "description": "This point stores the global coords of where the touch/mouse event happened",
"itemtype": "property", "itemtype": "property",
"name": "global", "name": "global",
@ -1850,7 +1859,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 522, "line": 529,
"description": "The target Sprite that was interacted with", "description": "The target Sprite that was interacted with",
"itemtype": "property", "itemtype": "property",
"name": "target", "name": "target",
@ -1859,7 +1868,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 530, "line": 537,
"description": "This will return the local coords of the specified displayObject for this InteractionData", "description": "This will return the local coords of the specified displayObject for this InteractionData",
"itemtype": "method", "itemtype": "method",
"name": "getLocalPosition", "name": "getLocalPosition",
@ -2491,7 +2500,7 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/DisplayObject.js:178" "line": " src/pixi/DisplayObject.js:184"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",

6
docs/files/src_pixi_DisplayObject.js.html
View file

@ -206,6 +206,12 @@ PIXI.DisplayObject = function()
&#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive() &#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
&#x2F;**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*&#x2F;
this.buttonMode = false; this.buttonMode = false;
&#x2F;* &#x2F;*

13
docs/files/src_pixi_InteractionManager.js.html
View file

@ -261,7 +261,7 @@ PIXI.InteractionManager.prototype.update = function()
var len = this.interactiveItems.length; var len = this.interactiveItems.length;
for (var i=0; i &lt; this.interactiveItems.length; i++) { for (var i=0; i &lt; this.interactiveItems.length; i++) {
this.interactiveItems[i].interactiveChildren = true; this.interactiveItems[i].interactiveChildren = false;
} }
this.interactiveItems = []; this.interactiveItems = [];
@ -274,6 +274,8 @@ PIXI.InteractionManager.prototype.update = function()
&#x2F;&#x2F; loop through interactive objects! &#x2F;&#x2F; loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = &quot;default&quot;;
for (var i = 0; i &lt; length; i++) for (var i = 0; i &lt; length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -282,6 +284,8 @@ PIXI.InteractionManager.prototype.update = function()
&#x2F;&#x2F; OPTIMISATION - only calculate every time if the mousemove function exists.. &#x2F;&#x2F; OPTIMISATION - only calculate every time if the mousemove function exists..
&#x2F;&#x2F; OK so.. does the object have any other interactive functions? &#x2F;&#x2F; OK so.. does the object have any other interactive functions?
&#x2F;&#x2F; hit-test the clip! &#x2F;&#x2F; hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
&#x2F;&#x2F; ok so there are some functions so lets hit test it.. &#x2F;&#x2F; ok so there are some functions so lets hit test it..
@ -290,9 +294,11 @@ PIXI.InteractionManager.prototype.update = function()
&#x2F;&#x2F; loks like there was a hit! &#x2F;&#x2F; loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = &quot;pointer&quot;;
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = &quot;pointer&quot;;
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -302,7 +308,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
&#x2F;&#x2F; roll out! &#x2F;&#x2F; roll out!
if(item.buttonMode)this.target.view.style.cursor = &quot;default&quot;;
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }
@ -451,6 +456,8 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
if(y &gt; y1 &amp;&amp; y &lt; y1 + height) if(y &gt; y1 &amp;&amp; y &lt; y1 + height)
{ {
&#x2F;&#x2F; set the target property if a hit is true!
interactionData.target = item
return true; return true;
} }
} }

17
examples/example 1 - Basics/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 10 - Text/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 2 - SpriteSheet/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 3 - MovieClip/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 4 - Balls/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 5 - Morph/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

1
examples/example 6 - Interactivity/index.html
View file

@ -61,6 +61,7 @@
for (var i=0; i < 5; i++) for (var i=0; i < 5; i++)
{ {
var button = new PIXI.Sprite(textureButton); var button = new PIXI.Sprite(textureButton);
button.buttonMode = true;
button.anchor.x = 0.5; button.anchor.x = 0.5;
button.anchor.y = 0.5; button.anchor.y = 0.5;

17
examples/example 6 - Interactivity/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 7 - Transparent Background/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 8 - Dragging/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

17
examples/example 9 - Tiling Texture/pixi.js
View file

@ -4,7 +4,7 @@
* Copyright (c) 2012, Mat Groves * Copyright (c) 2012, Mat Groves
* http://goodboydigital.com/ * http://goodboydigital.com/
* *
* Compiled: 2013-04-30 * Compiled: 2013-05-01
* *
* Pixi.JS is licensed under the MIT License. * Pixi.JS is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -200,6 +200,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*
@ -1129,6 +1135,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -1137,6 +1145,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -1145,9 +1155,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -1157,7 +1169,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }

6
src/pixi/DisplayObject.js
View file

@ -82,6 +82,12 @@ PIXI.DisplayObject = function()
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
this.interactive = false; this.interactive = false;
/**
* This is used to indicate if the displayObject should display a mouse hand cursor on rollover
* @property buttonMode
* @type Boolean
*/
this.buttonMode = false; this.buttonMode = false;
/* /*

9
src/pixi/InteractionManager.js
View file

@ -150,6 +150,8 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects! // loop through interactive objects!
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
if(this.target)this.target.view.style.cursor = "default";
for (var i = 0; i < length; i++) for (var i = 0; i < length; i++)
{ {
var item = this.interactiveItems[i]; var item = this.interactiveItems[i];
@ -158,6 +160,8 @@ PIXI.InteractionManager.prototype.update = function()
// OPTIMISATION - only calculate every time if the mousemove function exists.. // OPTIMISATION - only calculate every time if the mousemove function exists..
// OK so.. does the object have any other interactive functions? // OK so.. does the object have any other interactive functions?
// hit-test the clip! // hit-test the clip!
if(item.mouseover || item.mouseout || item.buttonMode) if(item.mouseover || item.mouseout || item.buttonMode)
{ {
// ok so there are some functions so lets hit test it.. // ok so there are some functions so lets hit test it..
@ -166,9 +170,11 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit! // loks like there was a hit!
if(item.__hit) if(item.__hit)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(!item.__isOver) if(!item.__isOver)
{ {
if(item.buttonMode)this.target.view.style.cursor = "pointer";
if(item.mouseover)item.mouseover(this.mouse); if(item.mouseover)item.mouseover(this.mouse);
item.__isOver = true; item.__isOver = true;
} }
@ -178,7 +184,6 @@ PIXI.InteractionManager.prototype.update = function()
if(item.__isOver) if(item.__isOver)
{ {
// roll out! // roll out!
if(item.buttonMode)this.target.view.style.cursor = "default";
if(item.mouseout)item.mouseout(this.mouse); if(item.mouseout)item.mouseout(this.mouse);
item.__isOver = false; item.__isOver = false;
} }