Interactivity Added

-Interaction Manager added to pixi.js to enable mouse and touch
interactivity.

- Interactive example added to examples folder

- docs updated

- build file updated
This commit is contained in:
Mat Groves 2013-03-20 20:21:27 +00:00
parent 9a0cd873b5
commit f5cc062922
63 changed files with 4844 additions and 280 deletions

View file

@ -15,11 +15,11 @@
<div id="hd" class="yui3-g header">
<div class="yui3-u-3-4">
<h1><img src="..&#x2F;logo_small.png" title="Pixi.js API"></h1>
<h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.js API"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 0.9</em>
<em>API Docs for: 1.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -51,6 +51,10 @@
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="..&#x2F;classes/InteractionData.html">InteractionData</a></li>
<li><a href="..&#x2F;classes/InteractionManager.html">InteractionManager</a></li>
<li><a href="..&#x2F;classes/MovieClip.html">MovieClip</a></li>
<li><a href="..&#x2F;classes/Point.html">Point</a></li>
@ -124,8 +128,9 @@
* @class CanvasRenderer
* @param width {Number} the width of the canvas view
* @param height {Number} the height of the canvas view
* @param view {Canvas} the canvas to use as a view, optional
*&#x2F;
PIXI.CanvasRenderer = function(width, height)
PIXI.CanvasRenderer = function(width, height, view)
{
&#x2F;**
* The width of the canvas view
@ -149,7 +154,7 @@ PIXI.CanvasRenderer = function(width, height)
* @property view
* @type Canvas
*&#x2F;
this.view = document.createElement( &#x27;canvas&#x27; );
this.view = view ? view : document.createElement( &#x27;canvas&#x27; );
&#x2F;&#x2F; hack to enable some hardware acceleration!
&#x2F;&#x2F;this.view.style[&quot;transform&quot;] = &quot;translatez(0)&quot;;
@ -194,6 +199,18 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
this.context.clearRect(0, 0, this.width, this.height)
this.renderDisplayObject(stage);
&#x2F;&#x2F;as
&#x2F;&#x2F; run interaction!
if(stage.interactive)
{
&#x2F;&#x2F;need to add some events!
if(!stage._interactiveEventsAdded)
{
stage._interactiveEventsAdded = true;
stage.interactionManager.setTarget(this);
}
}
}
&#x2F;**