Render Texture added

Render texture finished
custom render item added
pivot added to display object

grunt file updated
docs updated
This commit is contained in:
Mat Groves 2013-05-23 22:57:27 +01:00
parent 6a049c788e
commit 2a6169a952
94 changed files with 13380 additions and 4464 deletions

View file

@ -34,6 +34,7 @@ module.exports = function(grunt) {
'<%= dirs.src %>/extras/Strip.js', '<%= dirs.src %>/extras/Strip.js',
'<%= dirs.src %>/extras/Rope.js', '<%= dirs.src %>/extras/Rope.js',
'<%= dirs.src %>/extras/TilingSprite.js', '<%= dirs.src %>/extras/TilingSprite.js',
'<%= dirs.src %>/extras/CustomRenderable.js',
'<%= dirs.src %>/textures/BaseTexture.js', '<%= dirs.src %>/textures/BaseTexture.js',
'<%= dirs.src %>/textures/Texture.js', '<%= dirs.src %>/textures/Texture.js',
'<%= dirs.src %>/textures/RenderTexture.js', '<%= dirs.src %>/textures/RenderTexture.js',
@ -109,7 +110,8 @@ module.exports = function(grunt) {
'examples/example 7 - Transparent Background', 'examples/example 7 - Transparent Background',
'examples/example 8 - Dragging', 'examples/example 8 - Dragging',
'examples/example 9 - Tiling Texture', 'examples/example 9 - Tiling Texture',
'examples/example 10 - Text' 'examples/example 10 - Text',
'examples/example 11 - RenderTexture'
] ]
}, },
connect: { connect: {

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

View file

@ -6,6 +6,7 @@ YUI.add("yuidoc-meta", function(Y) {
"BitmapFontLoader", "BitmapFontLoader",
"BitmapText", "BitmapText",
"CanvasRenderer", "CanvasRenderer",
"CustomRenderable",
"DisplayObject", "DisplayObject",
"DisplayObjectContainer", "DisplayObjectContainer",
"ImageLoader", "ImageLoader",

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -154,9 +156,9 @@
<div class="box intro"> <div class="box intro">
<p>A Text Object will create a line(s) of text using bitmap font <p>A Text Object will create a line(s) of text using bitmap font. To split a line you can use "\n", "\r" or "\r\n"
You can generate the fnt files using You can generate the fnt files using
http://www.angelcode.com/products/bmfont/ for windows of http://www.angelcode.com/products/bmfont/ for windows or
http://www.bmglyph.com/ for mac.</p> http://www.bmglyph.com/ for mac.</p>
</div> </div>
@ -178,7 +180,7 @@ http://www.bmglyph.com/ for mac.</p>
<li class="arg"> <li class="arg">
<code class="optional">[style]</code> <code>style</code>
</li> </li>
@ -248,9 +250,8 @@ http://www.bmglyph.com/ for mac.</p>
<li class="param"> <li class="param">
<code class="param-name optional">[style]</code> <code class="param-name">style</code>
<span class="type">Object</span> <span class="type">Object</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
@ -264,13 +265,12 @@ http://www.bmglyph.com/ for mac.</p>
<li class="param"> <li class="param">
<code class="param-name optional">[font]</code> <code class="param-name">font</code>
<span class="type">String</span> <span class="type">String</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
<div class="param-description"> <div class="param-description">
<p>default is "20pt Arial" The size and bitmap font id (must have loaded previously)</p> <p>The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)</p>
</div> </div>
@ -412,6 +412,13 @@ http://www.bmglyph.com/ for mac.</p>
</li>
<li class="index-item method">
<a href="#method_setText">setText</a>
</li> </li>
<li class="index-item method inherited"> <li class="index-item method inherited">
@ -589,7 +596,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -679,7 +686,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -778,7 +785,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -807,7 +814,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -862,7 +869,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -946,7 +953,7 @@ http://www.bmglyph.com/ for mac.</p>
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -975,7 +982,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1030,7 +1037,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1059,7 +1066,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1114,7 +1121,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1143,7 +1150,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1198,7 +1205,7 @@ http://www.bmglyph.com/ for mac.</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1228,7 +1235,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1283,7 +1290,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1313,7 +1320,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1368,7 +1375,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1452,7 +1459,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1481,7 +1488,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1506,7 +1513,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<li class="arg"> <li class="arg">
<code class="optional">[style]</code> <code>style</code>
</li> </li>
@ -1539,7 +1546,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l45"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:45</code></a> <a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l44"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:44</code></a>
</p> </p>
@ -1561,9 +1568,8 @@ for this callback to be fired, The touch must have started over the displayObjec
<li class="param"> <li class="param">
<code class="param-name optional">[style]</code> <code class="param-name">style</code>
<span class="type">Object</span> <span class="type">Object</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
@ -1578,11 +1584,11 @@ for this callback to be fired, The touch must have started over the displayObjec
<li class="param"> <li class="param">
<code class="param-name">font</code> <code class="param-name">font</code>
<span class="type">Object</span> <span class="type">String</span>
<div class="param-description"> <div class="param-description">
<p>The style and size of the font. If font size is not specified, it uses default bitmap font size. Font name is required</p> <p>The size (optional) and bitmap font id (required) eq "Arial" or "20px Arial" (must have loaded previously)</p>
</div> </div>
@ -1613,6 +1619,93 @@ for this callback to be fired, The touch must have started over the displayObjec
</div>
<div id="method_setText" class="method item">
<h3 class="name"><code>setText</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>text</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="..&#x2F;files&#x2F;src_pixi_text_BitmapText.js.html#l33"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:33</code></a>
</p>
</div>
<div class="description">
<p>Set the copy for the text object</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">text</code>
<span class="type">String</span>
<div class="param-description">
<p>The copy that you would like the text to display</p>
</div>
</li>
</ul>
</div>
</div> </div>
@ -1661,7 +1754,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1760,7 +1853,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1790,7 +1883,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1845,7 +1938,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -1874,7 +1967,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1929,7 +2022,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -1959,7 +2052,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2014,7 +2107,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -2043,7 +2136,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2128,7 +2221,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#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

File diff suppressed because it is too large Load diff

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -611,7 +613,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#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -640,7 +642,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<div class="param-description"> <div class="param-description">
</div> </div>
@ -698,7 +700,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#l110"><code>src&#x2F;pixi&#x2F;DisplayObject.js:110</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -727,7 +729,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<div class="param-description"> <div class="param-description">
</div> </div>
@ -785,7 +787,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#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -814,7 +816,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<div class="param-description"> <div class="param-description">
</div> </div>
@ -872,7 +874,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#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -901,7 +903,7 @@ WebGL is the preferred renderer as it is a lot fastest. If webGL is not supporte
<div class="param-description"> <div class="param-description">
</div> </div>
@ -959,7 +961,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#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -989,7 +991,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1047,7 +1049,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1077,7 +1079,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1135,7 +1137,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1164,7 +1166,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1222,7 +1224,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1252,7 +1254,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1310,7 +1312,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -1339,7 +1341,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1397,7 +1399,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -1427,7 +1429,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1485,7 +1487,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -1514,7 +1516,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1605,7 +1607,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#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -495,7 +497,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -588,7 +590,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -687,7 +689,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -716,7 +718,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -774,7 +776,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -858,7 +860,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -887,7 +889,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -942,7 +944,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -971,7 +973,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1026,7 +1028,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1055,7 +1057,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1110,7 +1112,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1140,7 +1142,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1195,7 +1197,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1225,7 +1227,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1283,7 +1285,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1367,7 +1369,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1396,7 +1398,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1460,7 +1462,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1559,7 +1561,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1589,7 +1591,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1644,7 +1646,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -1673,7 +1675,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1728,7 +1730,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -1758,7 +1760,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1813,7 +1815,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -1842,7 +1844,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1927,7 +1929,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#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -134,7 +136,7 @@
<div class="foundat"> <div class="foundat">
Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l515"><code>src&#x2F;pixi&#x2F;InteractionManager.js:515</code></a> Defined in: <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l506"><code>src&#x2F;pixi&#x2F;InteractionManager.js:506</code></a>
</div> </div>
@ -188,7 +190,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l515"><code>src&#x2F;pixi&#x2F;InteractionManager.js:515</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l506"><code>src&#x2F;pixi&#x2F;InteractionManager.js:506</code></a>
</p> </p>
@ -327,7 +329,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l539"><code>src&#x2F;pixi&#x2F;InteractionManager.js:539</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l530"><code>src&#x2F;pixi&#x2F;InteractionManager.js:530</code></a>
</p> </p>
@ -416,7 +418,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l521"><code>src&#x2F;pixi&#x2F;InteractionManager.js:521</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l512"><code>src&#x2F;pixi&#x2F;InteractionManager.js:512</code></a>
</p> </p>
@ -460,7 +462,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l531"><code>src&#x2F;pixi&#x2F;InteractionManager.js:531</code></a> <a href="..&#x2F;files&#x2F;src_pixi_InteractionManager.js.html#l522"><code>src&#x2F;pixi&#x2F;InteractionManager.js:522</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -637,7 +639,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -727,7 +729,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -826,7 +828,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -855,7 +857,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -910,7 +912,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -1168,7 +1170,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -1197,7 +1199,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1252,7 +1254,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1281,7 +1283,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1336,7 +1338,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1365,7 +1367,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1420,7 +1422,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1450,7 +1452,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1505,7 +1507,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1535,7 +1537,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1644,7 +1646,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1728,7 +1730,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1757,7 +1759,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1956,7 +1958,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -2055,7 +2057,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -2085,7 +2087,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2140,7 +2142,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -2169,7 +2171,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2224,7 +2226,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -2254,7 +2256,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2309,7 +2311,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -2338,7 +2340,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2553,7 +2555,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -585,7 +587,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -675,7 +677,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -774,7 +776,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -803,7 +805,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1072,7 +1074,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -1156,7 +1158,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -1185,7 +1187,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1240,7 +1242,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1269,7 +1271,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1324,7 +1326,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1353,7 +1355,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1408,7 +1410,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1438,7 +1440,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1493,7 +1495,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1523,7 +1525,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1578,7 +1580,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1662,7 +1664,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1691,7 +1693,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1839,7 +1841,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1938,7 +1940,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1968,7 +1970,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2023,7 +2025,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -2052,7 +2054,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2107,7 +2109,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -2137,7 +2139,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2192,7 +2194,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -2221,7 +2223,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2398,7 +2400,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -567,7 +569,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -657,7 +659,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -756,7 +758,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -785,7 +787,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -840,7 +842,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -995,7 +997,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -1024,7 +1026,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1079,7 +1081,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1108,7 +1110,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1163,7 +1165,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1192,7 +1194,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1247,7 +1249,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1277,7 +1279,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1332,7 +1334,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1362,7 +1364,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1417,7 +1419,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1588,7 +1590,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1617,7 +1619,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1678,7 +1680,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1777,7 +1779,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1807,7 +1809,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1862,7 +1864,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -1891,7 +1893,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1946,7 +1948,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -1976,7 +1978,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2031,7 +2033,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -2060,7 +2062,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2199,7 +2201,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#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -670,7 +672,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -760,7 +762,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -859,7 +861,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -888,7 +890,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -943,7 +945,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -1027,7 +1029,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -1056,7 +1058,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1111,7 +1113,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1140,7 +1142,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1195,7 +1197,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1224,7 +1226,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1279,7 +1281,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1309,7 +1311,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1364,7 +1366,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1394,7 +1396,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1449,7 +1451,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1533,7 +1535,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1562,7 +1564,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1626,7 +1628,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_text_Text.js.html#l34"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:34</code></a> <a href="..&#x2F;files&#x2F;src_pixi_text_Text.js.html#l35"><code>src&#x2F;pixi&#x2F;text&#x2F;Text.js:35</code></a>
</p> </p>
@ -1876,7 +1878,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1975,7 +1977,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -2005,7 +2007,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2060,7 +2062,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -2089,7 +2091,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2144,7 +2146,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -2174,7 +2176,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2229,7 +2231,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -2258,7 +2260,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2429,7 +2431,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -508,7 +510,7 @@
</li> </li>
<li class="index-item property"> <li class="index-item property">
<a href="#property_tileScale">tileScale</a> <a href="#property_tilePosition">tilePosition</a>
@ -581,7 +583,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l29"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:29</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l41"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:41</code></a>
</p> </p>
@ -671,7 +673,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l61"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:61</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l73"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:73</code></a>
</p> </p>
@ -770,7 +772,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l104"><code>src&#x2F;pixi&#x2F;DisplayObject.js:104</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l106"><code>src&#x2F;pixi&#x2F;DisplayObject.js:106</code></a>
</p> </p>
@ -799,7 +801,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -854,7 +856,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l153"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:153</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:168</code></a>
</p> </p>
@ -938,7 +940,7 @@
<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#l112"><code>src&#x2F;pixi&#x2F;DisplayObject.js:112</code></a>
</p> </p>
@ -967,7 +969,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1022,7 +1024,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l136"><code>src&#x2F;pixi&#x2F;DisplayObject.js:136</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l138"><code>src&#x2F;pixi&#x2F;DisplayObject.js:138</code></a>
</p> </p>
@ -1051,7 +1053,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1106,7 +1108,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l130"><code>src&#x2F;pixi&#x2F;DisplayObject.js:130</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l132"><code>src&#x2F;pixi&#x2F;DisplayObject.js:132</code></a>
</p> </p>
@ -1135,7 +1137,7 @@
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1190,7 +1192,7 @@
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l116"><code>src&#x2F;pixi&#x2F;DisplayObject.js:116</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l118"><code>src&#x2F;pixi&#x2F;DisplayObject.js:118</code></a>
</p> </p>
@ -1220,7 +1222,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1275,7 +1277,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#l123"><code>src&#x2F;pixi&#x2F;DisplayObject.js:123</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;DisplayObject.js:125</code></a>
</p> </p>
@ -1305,7 +1307,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1360,7 +1362,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l171"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:171</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l186"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:186</code></a>
</p> </p>
@ -1444,7 +1446,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#l177"><code>src&#x2F;pixi&#x2F;DisplayObject.js:177</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l190"><code>src&#x2F;pixi&#x2F;DisplayObject.js:190</code></a>
</p> </p>
@ -1473,7 +1475,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1534,7 +1536,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l113"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:113</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObjectContainer.js.html#l128"><code>src&#x2F;pixi&#x2F;DisplayObjectContainer.js:128</code></a>
</p> </p>
@ -1633,7 +1635,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#l147"><code>src&#x2F;pixi&#x2F;DisplayObject.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l149"><code>src&#x2F;pixi&#x2F;DisplayObject.js:149</code></a>
</p> </p>
@ -1663,7 +1665,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1718,7 +1720,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l160"><code>src&#x2F;pixi&#x2F;DisplayObject.js:160</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l162"><code>src&#x2F;pixi&#x2F;DisplayObject.js:162</code></a>
</p> </p>
@ -1747,7 +1749,7 @@ basically a touch version of click</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1802,7 +1804,7 @@ basically a touch version of click</p>
<a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l166"><code>src&#x2F;pixi&#x2F;DisplayObject.js:166</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l168"><code>src&#x2F;pixi&#x2F;DisplayObject.js:168</code></a>
</p> </p>
@ -1832,7 +1834,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -1887,7 +1889,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#l154"><code>src&#x2F;pixi&#x2F;DisplayObject.js:154</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;DisplayObject.js:156</code></a>
</p> </p>
@ -1916,7 +1918,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description"> <div class="param-description">
</div> </div>
@ -2001,7 +2003,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#l93"><code>src&#x2F;pixi&#x2F;DisplayObject.js:93</code></a> <a href="..&#x2F;files&#x2F;src_pixi_DisplayObject.js.html#l95"><code>src&#x2F;pixi&#x2F;DisplayObject.js:95</code></a>
</p> </p>
@ -2351,8 +2353,8 @@ Setting it is a neat way of optimising the hitTest function that the interaction
</div> </div>
<div id="property_tileScale" class="property item"> <div id="property_tilePosition" class="property item">
<h3 class="name"><code>tileScale</code></h3> <h3 class="name"><code>tilePosition</code></h3>
<span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span> <span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -403,7 +405,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="..&#x2F;files&#x2F;src_pixi_renderers_WebGLRenderer.js.html#l147"><code>src&#x2F;pixi&#x2F;renderers&#x2F;WebGLRenderer.js:147</code></a> <a href="..&#x2F;files&#x2F;src_pixi_renderers_WebGLRenderer.js.html#l144"><code>src&#x2F;pixi&#x2F;renderers&#x2F;WebGLRenderer.js:144</code></a>
</p> </p>
@ -496,7 +498,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="..&#x2F;files&#x2F;src_pixi_renderers_WebGLRenderer.js.html#l290"><code>src&#x2F;pixi&#x2F;renderers&#x2F;WebGLRenderer.js:290</code></a> <a href="..&#x2F;files&#x2F;src_pixi_renderers_WebGLRenderer.js.html#l283"><code>src&#x2F;pixi&#x2F;renderers&#x2F;WebGLRenderer.js:283</code></a>
</p> </p>

View file

@ -7,6 +7,15 @@
"logo": "http://www.goodboydigital.com/pixijs/logo_small.png" "logo": "http://www.goodboydigital.com/pixijs/logo_small.png"
}, },
"files": { "files": {
"src/pixi/extras/CustomRenderable.js": {
"name": "src/pixi/extras/CustomRenderable.js",
"modules": {},
"classes": {
"CustomRenderable": 1
},
"fors": {},
"namespaces": {}
},
"src/pixi/extras/Rope.js": { "src/pixi/extras/Rope.js": {
"name": "src/pixi/extras/Rope.js", "name": "src/pixi/extras/Rope.js",
"modules": {}, "modules": {},
@ -275,6 +284,7 @@
"name": "PIXI", "name": "PIXI",
"submodules": {}, "submodules": {},
"classes": { "classes": {
"CustomRenderable": 1,
"TilingSprite": 1, "TilingSprite": 1,
"AssetLoader": 1, "AssetLoader": 1,
"BitmapFontLoader": 1, "BitmapFontLoader": 1,
@ -306,6 +316,21 @@
} }
}, },
"classes": { "classes": {
"CustomRenderable": {
"name": "CustomRenderable",
"shortname": "CustomRenderable",
"classitems": [],
"plugins": [],
"extensions": [],
"plugin_for": [],
"extension_for": [],
"module": "PIXI",
"file": "src/pixi/extras/CustomRenderable.js",
"line": 6,
"description": "Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)",
"extends": "DisplayObject",
"is_constructor": 1
},
"TilingSprite": { "TilingSprite": {
"name": "TilingSprite", "name": "TilingSprite",
"shortname": "TilingSprite", "shortname": "TilingSprite",
@ -549,7 +574,7 @@
"module": "PIXI", "module": "PIXI",
"file": "src/pixi/text/BitmapText.js", "file": "src/pixi/text/BitmapText.js",
"line": 5, "line": 5,
"description": "A Text Object will create a line(s) of text using bitmap font \nYou can generate the fnt files using \nhttp://www.angelcode.com/products/bmfont/ for windows of\nhttp://www.bmglyph.com/ for mac.", "description": "A Text Object will create a line(s) of text using bitmap font. To split a line you can use \"\\n\", \"\\r\" or \"\\r\\n\"\nYou can generate the fnt files using \nhttp://www.angelcode.com/products/bmfont/ for windows or\nhttp://www.bmglyph.com/ for mac.",
"extends": "DisplayObjectContainer", "extends": "DisplayObjectContainer",
"is_constructor": 1, "is_constructor": 1,
"params": [ "params": [
@ -562,13 +587,11 @@
"name": "style", "name": "style",
"description": "The style parameters", "description": "The style parameters",
"type": "Object", "type": "Object",
"optional": true,
"props": [ "props": [
{ {
"name": "font", "name": "font",
"description": "default is \"20pt Arial\" The size and bitmap font id (must have loaded previously)", "description": "The size (optional) and bitmap font id (required) eq \"Arial\" or \"20px Arial\" (must have loaded previously)",
"type": "String", "type": "String"
"optional": true
}, },
{ {
"name": "align", "name": "align",
@ -781,7 +804,7 @@
"extension_for": [], "extension_for": [],
"module": "PIXI", "module": "PIXI",
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 515, "line": 506,
"is_constructor": 1 "is_constructor": 1
}, },
"MovieClip": { "MovieClip": {
@ -923,6 +946,12 @@
} }
}, },
"classitems": [ "classitems": [
{
"file": "src/pixi/extras/CustomRenderable.js",
"line": 1,
"author": "Mat Groves http://matgroves.com/ @Doormat23",
"class": "CustomRenderable"
},
{ {
"file": "src/pixi/extras/Rope.js", "file": "src/pixi/extras/Rope.js",
"line": 1, "line": 1,
@ -955,7 +984,7 @@
"line": 29, "line": 29,
"description": "The offset position of the image that is being tiled", "description": "The offset position of the image that is being tiled",
"itemtype": "property", "itemtype": "property",
"name": "tileScale", "name": "tilePosition",
"type": "Point", "type": "Point",
"class": "TilingSprite" "class": "TilingSprite"
}, },
@ -1164,21 +1193,21 @@
}, },
{ {
"file": "src/pixi/renderers/CanvasRenderer.js", "file": "src/pixi/renderers/CanvasRenderer.js",
"line": 205, "line": 210,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "CanvasRenderer" "class": "CanvasRenderer"
}, },
{ {
"file": "src/pixi/renderers/CanvasRenderer.js", "file": "src/pixi/renderers/CanvasRenderer.js",
"line": 240, "line": 245,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "CanvasRenderer" "class": "CanvasRenderer"
}, },
{ {
"file": "src/pixi/renderers/CanvasRenderer.js", "file": "src/pixi/renderers/CanvasRenderer.js",
"line": 269, "line": 274,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "CanvasRenderer" "class": "CanvasRenderer"
@ -1359,7 +1388,35 @@
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderGroup.js", "file": "src/pixi/renderers/WebGLRenderGroup.js",
"line": 476, "line": 523,
"access": "private",
"tagname": "",
"class": "WebGLBatch"
},
{
"file": "src/pixi/renderers/WebGLRenderGroup.js",
"line": 607,
"access": "private",
"tagname": "",
"class": "WebGLBatch"
},
{
"file": "src/pixi/renderers/WebGLRenderGroup.js",
"line": 663,
"access": "private",
"tagname": "",
"class": "WebGLBatch"
},
{
"file": "src/pixi/renderers/WebGLRenderGroup.js",
"line": 740,
"access": "private",
"tagname": "",
"class": "WebGLBatch"
},
{
"file": "src/pixi/renderers/WebGLRenderGroup.js",
"line": 777,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLBatch" "class": "WebGLBatch"
@ -1372,28 +1429,28 @@
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 82, "line": 81,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 97, "line": 96,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 107, "line": 106,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 147, "line": 144,
"description": "Renders the stage to its webGL view", "description": "Renders the stage to its webGL view",
"itemtype": "method", "itemtype": "method",
"name": "render", "name": "render",
@ -1408,14 +1465,14 @@
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 234, "line": 232,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 290, "line": 283,
"description": "resizes the webGL view to the specified width and height", "description": "resizes the webGL view to the specified width and height",
"itemtype": "method", "itemtype": "method",
"name": "resize", "name": "resize",
@ -1435,42 +1492,14 @@
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 315, "line": 307,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
}, },
{ {
"file": "src/pixi/renderers/WebGLRenderer.js", "file": "src/pixi/renderers/WebGLRenderer.js",
"line": 392, "line": 316,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 429,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 457,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 534,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 543,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "WebGLRenderer" "class": "WebGLRenderer"
@ -1489,9 +1518,10 @@
}, },
{ {
"file": "src/pixi/text/BitmapText.js", "file": "src/pixi/text/BitmapText.js",
"line": 34, "line": 33,
"description": "Set the copy for the text object", "description": "Set the copy for the text object",
"methos": "setText", "itemtype": "method",
"name": "setText",
"params": [ "params": [
{ {
"name": "text", "name": "text",
@ -1503,7 +1533,7 @@
}, },
{ {
"file": "src/pixi/text/BitmapText.js", "file": "src/pixi/text/BitmapText.js",
"line": 45, "line": 44,
"description": "Set the style of the text", "description": "Set the style of the text",
"itemtype": "method", "itemtype": "method",
"name": "setStyle", "name": "setStyle",
@ -1512,12 +1542,11 @@
"name": "style", "name": "style",
"description": "The style parameters", "description": "The style parameters",
"type": "Object", "type": "Object",
"optional": true,
"props": [ "props": [
{ {
"name": "font", "name": "font",
"description": "The style and size of the font. If font size is not specified, it uses default bitmap font size. Font name is required", "description": "The size (optional) and bitmap font id (required) eq \"Arial\" or \"20px Arial\" (must have loaded previously)",
"type": "Object" "type": "String"
}, },
{ {
"name": "align", "name": "align",
@ -1533,7 +1562,7 @@
}, },
{ {
"file": "src/pixi/text/BitmapText.js", "file": "src/pixi/text/BitmapText.js",
"line": 65, "line": 64,
"description": "Renders text", "description": "Renders text",
"access": "private", "access": "private",
"tagname": "", "tagname": "",
@ -1541,7 +1570,7 @@
}, },
{ {
"file": "src/pixi/text/BitmapText.js", "file": "src/pixi/text/BitmapText.js",
"line": 138, "line": 137,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "BitmapText" "class": "BitmapText"
@ -1554,7 +1583,7 @@
}, },
{ {
"file": "src/pixi/text/Text.js", "file": "src/pixi/text/Text.js",
"line": 34, "line": 35,
"description": "Set the style of the text", "description": "Set the style of the text",
"itemtype": "method", "itemtype": "method",
"name": "setStyle", "name": "setStyle",
@ -1604,7 +1633,7 @@
}, },
{ {
"file": "src/pixi/text/Text.js", "file": "src/pixi/text/Text.js",
"line": 55, "line": 56,
"description": "Set the copy for the text object. To split a line you can use \"\\n\"", "description": "Set the copy for the text object. To split a line you can use \"\\n\"",
"methos": "setText", "methos": "setText",
"params": [ "params": [
@ -1618,7 +1647,7 @@
}, },
{ {
"file": "src/pixi/text/Text.js", "file": "src/pixi/text/Text.js",
"line": 66, "line": 67,
"description": "Renders text", "description": "Renders text",
"access": "private", "access": "private",
"tagname": "", "tagname": "",
@ -1626,7 +1655,7 @@
}, },
{ {
"file": "src/pixi/text/Text.js", "file": "src/pixi/text/Text.js",
"line": 129, "line": 130,
"description": "Updates texture size based on canvas size", "description": "Updates texture size based on canvas size",
"access": "private", "access": "private",
"tagname": "", "tagname": "",
@ -1634,7 +1663,7 @@
}, },
{ {
"file": "src/pixi/text/Text.js", "file": "src/pixi/text/Text.js",
"line": 143, "line": 148,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "Text" "class": "Text"
@ -1998,7 +2027,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 93, "line": 95,
"description": "This is used to indicate if the displayObject should display a mouse hand cursor on rollover", "description": "This is used to indicate if the displayObject should display a mouse hand cursor on rollover",
"itemtype": "property", "itemtype": "property",
"name": "buttonMode", "name": "buttonMode",
@ -2007,7 +2036,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 104, "line": 106,
"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",
@ -2022,7 +2051,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 110, "line": 112,
"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",
@ -2037,7 +2066,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 116, "line": 118,
"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",
@ -2052,7 +2081,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 123, "line": 125,
"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",
@ -2067,7 +2096,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 130, "line": 132,
"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",
@ -2082,7 +2111,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 136, "line": 138,
"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",
@ -2097,7 +2126,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 147, "line": 149,
"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",
@ -2112,7 +2141,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 154, "line": 156,
"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",
@ -2127,7 +2156,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 160, "line": 162,
"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",
@ -2142,7 +2171,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 166, "line": 168,
"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",
@ -2157,7 +2186,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 177, "line": 190,
"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",
@ -2172,7 +2201,7 @@
}, },
{ {
"file": "src/pixi/DisplayObject.js", "file": "src/pixi/DisplayObject.js",
"line": 191, "line": 204,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "DisplayObject" "class": "DisplayObject"
@ -2194,7 +2223,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 29, "line": 41,
"description": "Adds a child to the container.", "description": "Adds a child to the container.",
"itemtype": "method", "itemtype": "method",
"name": "addChild", "name": "addChild",
@ -2209,7 +2238,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 61, "line": 73,
"description": "Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown", "description": "Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown",
"itemtype": "method", "itemtype": "method",
"name": "addChildAt", "name": "addChildAt",
@ -2229,7 +2258,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 113, "line": 128,
"description": "Swaps the depth of 2 displayObjects", "description": "Swaps the depth of 2 displayObjects",
"itemtype": "method", "itemtype": "method",
"name": "swapChildren", "name": "swapChildren",
@ -2249,7 +2278,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 153, "line": 168,
"description": "Returns the Child at the specified index", "description": "Returns the Child at the specified index",
"itemtype": "method", "itemtype": "method",
"name": "getChildAt", "name": "getChildAt",
@ -2264,7 +2293,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 171, "line": 186,
"description": "Removes a child from the container.", "description": "Removes a child from the container.",
"itemtype": "method", "itemtype": "method",
"name": "removeChild", "name": "removeChild",
@ -2279,7 +2308,7 @@
}, },
{ {
"file": "src/pixi/DisplayObjectContainer.js", "file": "src/pixi/DisplayObjectContainer.js",
"line": 211, "line": 226,
"access": "private", "access": "private",
"tagname": "", "tagname": "",
"class": "DisplayObjectContainer" "class": "DisplayObjectContainer"
@ -2319,7 +2348,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 521, "line": 512,
"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",
@ -2328,7 +2357,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 531, "line": 522,
"description": "The target Sprite that was interacted with", "description": "The target Sprite that was interacted with",
"itemtype": "property", "itemtype": "property",
"name": "target", "name": "target",
@ -2337,7 +2366,7 @@
}, },
{ {
"file": "src/pixi/InteractionManager.js", "file": "src/pixi/InteractionManager.js",
"line": 539, "line": 530,
"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",
@ -2747,16 +2776,16 @@
}, },
{ {
"message": "unknown tag: methos", "message": "unknown tag: methos",
"line": " src/pixi/text/BitmapText.js:34" "line": " src/pixi/text/Text.js:56"
},
{
"message": "unknown tag: methos",
"line": " src/pixi/text/Text.js:55"
}, },
{ {
"message": "unknown tag: internal", "message": "unknown tag: internal",
"line": " src/pixi/Stage.js:38" "line": " src/pixi/Stage.js:38"
}, },
{
"message": "Missing item type",
"line": " src/pixi/extras/CustomRenderable.js:1"
},
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/extras/Rope.js:1" "line": " src/pixi/extras/Rope.js:1"
@ -2839,15 +2868,15 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:205" "line": " src/pixi/renderers/CanvasRenderer.js:210"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:240" "line": " src/pixi/renderers/CanvasRenderer.js:245"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:269" "line": " src/pixi/renderers/CanvasRenderer.js:274"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -2879,7 +2908,23 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderGroup.js:476" "line": " src/pixi/renderers/WebGLRenderGroup.js:523"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderGroup.js:607"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderGroup.js:663"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderGroup.js:740"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderGroup.js:777"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -2887,43 +2932,27 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:82" "line": " src/pixi/renderers/WebGLRenderer.js:81"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:97" "line": " src/pixi/renderers/WebGLRenderer.js:96"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:107" "line": " src/pixi/renderers/WebGLRenderer.js:106"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:234" "line": " src/pixi/renderers/WebGLRenderer.js:232"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:315" "line": " src/pixi/renderers/WebGLRenderer.js:307"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:392" "line": " src/pixi/renderers/WebGLRenderer.js:316"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:429"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:457"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:534"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:543"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -2933,17 +2962,13 @@
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/text/BitmapText.js:1" "line": " src/pixi/text/BitmapText.js:1"
}, },
{
"message": "Missing item type\nSet the copy for the text object",
"line": " src/pixi/text/BitmapText.js:34"
},
{ {
"message": "Missing item type\nRenders text", "message": "Missing item type\nRenders text",
"line": " src/pixi/text/BitmapText.js:65" "line": " src/pixi/text/BitmapText.js:64"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/text/BitmapText.js:138" "line": " src/pixi/text/BitmapText.js:137"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -2951,19 +2976,19 @@
}, },
{ {
"message": "Missing item type\nSet the copy for the text object. To split a line you can use \"\\n\"", "message": "Missing item type\nSet the copy for the text object. To split a line you can use \"\\n\"",
"line": " src/pixi/text/Text.js:55" "line": " src/pixi/text/Text.js:56"
}, },
{ {
"message": "Missing item type\nRenders text", "message": "Missing item type\nRenders text",
"line": " src/pixi/text/Text.js:66" "line": " src/pixi/text/Text.js:67"
}, },
{ {
"message": "Missing item type\nUpdates texture size based on canvas size", "message": "Missing item type\nUpdates texture size based on canvas size",
"line": " src/pixi/text/Text.js:129" "line": " src/pixi/text/Text.js:130"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/text/Text.js:143" "line": " src/pixi/text/Text.js:148"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -2999,7 +3024,7 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/DisplayObject.js:191" "line": " src/pixi/DisplayObject.js:204"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
@ -3007,7 +3032,7 @@
}, },
{ {
"message": "Missing item type", "message": "Missing item type",
"line": " src/pixi/DisplayObjectContainer.js:211" "line": " src/pixi/DisplayObjectContainer.js:226"
}, },
{ {
"message": "Missing item type", "message": "Missing item type",

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -217,6 +219,8 @@ PIXI.DisplayObject = function()
this._sr = 0; this._sr = 0;
this._cr = 1; this._cr = 1;
this.childIndex = 0;
this.renderable = false; this.renderable = false;
&#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive() &#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive()
@ -306,6 +310,17 @@ PIXI.DisplayObject = function()
&#x2F;&#x2F; constructor &#x2F;&#x2F; constructor
PIXI.DisplayObject.constructor = PIXI.DisplayObject; PIXI.DisplayObject.constructor = PIXI.DisplayObject;
&#x2F;&#x2F;TODO make visible a getter setter
&#x2F;*
Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;visible&#x27;, {
get: function() {
return this._visible;
},
set: function(value) {
this._visible = value;
}
});*&#x2F;
&#x2F;** &#x2F;**
* Indicates if the sprite will have touch and mouse interactivity. It is false by default * Indicates if the sprite will have touch and mouse interactivity. It is false by default
* @method setInteractive * @method setInteractive

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -158,6 +160,18 @@ PIXI.DisplayObjectContainer = function()
PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer; PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype ); PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
&#x2F;&#x2F;TODO make visible a getter setter
&#x2F;*
Object.defineProperty(PIXI.DisplayObjectContainer.prototype, &#x27;visible&#x27;, {
get: function() {
return this._visible;
},
set: function(value) {
this._visible = value;
}
});*&#x2F;
&#x2F;** &#x2F;**
* Adds a child to the container. * Adds a child to the container.
* @method addChild * @method addChild
@ -228,9 +242,12 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
this.stage.__addChild(child); this.stage.__addChild(child);
} }
&#x2F;&#x2F; little webGL! &#x2F;&#x2F; need to remove any render groups..
if(this.__renderGroup) if(this.__renderGroup)
{ {
&#x2F;&#x2F; being used by a renderTexture.. if it exists then it must be from a render texture;
if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
&#x2F;&#x2F; add them to the new render group..
this.__renderGroup.addDisplayObjectAndChildren(child); this.__renderGroup.addDisplayObjectAndChildren(child);
} }
} }
@ -315,10 +332,10 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
{ {
this.stage.__removeChild(child); this.stage.__removeChild(child);
} }
&#x2F;&#x2F; console.log(child.__renderGroup);
&#x2F;&#x2F; webGL trim
if(child.__renderGroup) if(child.__renderGroup)
{ {
&#x2F;&#x2F; console.log(&quot;&gt;?&quot;)
child.__renderGroup.removeDisplayObjectAndChildren(child); child.__renderGroup.removeDisplayObjectAndChildren(child);
} }

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -230,23 +232,16 @@ PIXI.InteractionManager.prototype.setTarget = function(target)
&#x2F;&#x2F; DO some window specific touch! &#x2F;&#x2F; DO some window specific touch!
} }
this.target = target;
target.view.addEventListener(&#x27;mousemove&#x27;, this.onMouseMove.bind(this), true);
target.view.addEventListener(&#x27;mousedown&#x27;, this.onMouseDown.bind(this), true);
document.body.addEventListener(&#x27;mouseup&#x27;, this.onMouseUp.bind(this), true);
target.view.addEventListener(&#x27;mouseout&#x27;, this.onMouseUp.bind(this), true);
{ &#x2F;&#x2F; aint no multi touch just yet!
target.view.addEventListener(&quot;touchstart&quot;, this.onTouchStart.bind(this), true);
this.target = target; target.view.addEventListener(&quot;touchend&quot;, this.onTouchEnd.bind(this), true);
target.view.addEventListener(&#x27;mousemove&#x27;, this.onMouseMove.bind(this), true); target.view.addEventListener(&quot;touchmove&quot;, this.onTouchMove.bind(this), true);
target.view.addEventListener(&#x27;mousedown&#x27;, this.onMouseDown.bind(this), true);
document.body.addEventListener(&#x27;mouseup&#x27;, this.onMouseUp.bind(this), true);
target.view.addEventListener(&#x27;mouseout&#x27;, this.onMouseUp.bind(this), true);
&#x2F;&#x2F; aint no multi touch just yet!
target.view.addEventListener(&quot;touchstart&quot;, this.onTouchStart.bind(this), true);
target.view.addEventListener(&quot;touchend&quot;, this.onTouchEnd.bind(this), true);
target.view.addEventListener(&quot;touchmove&quot;, this.onTouchMove.bind(this), true);
}
} }
PIXI.InteractionManager.prototype.update = function() PIXI.InteractionManager.prototype.update = function()
@ -360,9 +355,7 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
&#x2F;&#x2F; loop through inteaction tree... &#x2F;&#x2F; loop through inteaction tree...
&#x2F;&#x2F; hit test each item! -&gt; &#x2F;&#x2F; hit test each item! -&gt;
&#x2F;&#x2F; ---&gt;---&gt;---&gt;---&gt;
&#x2F;&#x2F; get interactive items under point?? &#x2F;&#x2F; get interactive items under point??
&#x2F;&#x2F; ---&gt;---&gt;---&gt;---&gt;
&#x2F;&#x2F;stage.__i &#x2F;&#x2F;stage.__i
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
var global = this.mouse.global; var global = this.mouse.global;

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -162,7 +164,7 @@ PIXI.Point = function(x, y)
* @method clone * @method clone
* @return a copy of the point * @return a copy of the point
*&#x2F; *&#x2F;
PIXI.Point.clone = function() PIXI.Point.prototype.clone = function()
{ {
return new PIXI.Point(this.x, this.y); return new PIXI.Point(this.x, this.y);
} }

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -178,7 +180,7 @@ PIXI.Rectangle = function(x, y, width, height)
* @method clone * @method clone
* @return a copy of the rectangle * @return a copy of the rectangle
*&#x2F; *&#x2F;
PIXI.Rectangle.clone = function() PIXI.Rectangle.prototype.clone = function()
{ {
return new PIXI.Rectangle(this.x, this.y, this.width, this.height); return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
} }

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -0,0 +1,193 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js - Pixi.JS</title>
<link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.8.0&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
<link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="..&#x2F;assets/favicon.png">
<script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;combo?3.8.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
</head>
<body class="yui3-skin-sam">
<div id="doc">
<div id="hd" class="yui3-g header">
<div class="yui3-u-3-4">
<h1><img src="http:&#x2F;&#x2F;www.goodboydigital.com&#x2F;pixijs&#x2F;logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.0.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
<div class="yui3-u-1-4">
<div id="docs-sidebar" class="sidebar apidocs">
<div id="api-list">
<h2 class="off-left">APIs</h2>
<div id="api-tabview" class="tabview">
<ul class="tabs">
<li><a href="#api-classes">Classes</a></li>
<li><a href="#api-modules">Modules</a></li>
</ul>
<div id="api-tabview-filter">
<input type="search" id="api-filter" placeholder="Type to filter APIs">
</div>
<div id="api-tabview-panel">
<ul id="api-classes" class="apis classes">
<li><a href="..&#x2F;classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="..&#x2F;classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="..&#x2F;classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="..&#x2F;classes/BitmapText.html">BitmapText</a></li>
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="..&#x2F;classes/ImageLoader.html">ImageLoader</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>
<li><a href="..&#x2F;classes/Rectangle.html">Rectangle</a></li>
<li><a href="..&#x2F;classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="..&#x2F;classes/Sprite.html">Sprite</a></li>
<li><a href="..&#x2F;classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="..&#x2F;classes/Stage.html">Stage</a></li>
<li><a href="..&#x2F;classes/Text.html">Text</a></li>
<li><a href="..&#x2F;classes/Texture.html">Texture</a></li>
<li><a href="..&#x2F;classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="..&#x2F;classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="..&#x2F;classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="..&#x2F;modules/PIXI.html">PIXI</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="yui3-u-3-4">
<div id="api-options">
Show:
<label for="api-show-inherited">
<input type="checkbox" id="api-show-inherited" checked>
Inherited
</label>
<label for="api-show-protected">
<input type="checkbox" id="api-show-protected">
Protected
</label>
<label for="api-show-private">
<input type="checkbox" id="api-show-private">
Private
</label>
<label for="api-show-deprecated">
<input type="checkbox" id="api-show-deprecated">
Deprecated
</label>
</div>
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1 class="file-heading">File: src&#x2F;pixi&#x2F;extras&#x2F;CustomRenderable.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
&#x2F;**
* @author Mat Groves http:&#x2F;&#x2F;matgroves.com&#x2F; @Doormat23
*&#x2F;
&#x2F;**
* Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)
* @class CustomRenderable
* @extends DisplayObject
* @constructor
*&#x2F;
PIXI.CustomRenderable = function()
{
PIXI.DisplayObject.call( this );
}
&#x2F;&#x2F; constructor
PIXI.CustomRenderable.constructor = PIXI.CustomRenderable;
PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
{
&#x2F;&#x2F; override!
}
PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
{
&#x2F;&#x2F; override!
}
PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
{
&#x2F;&#x2F; not sure if both needed? but ya have for now!
&#x2F;&#x2F; override!
}
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="..&#x2F;assets/js/yui-prettify.js"></script>
<script src="..&#x2F;assets/../api.js"></script>
<script src="..&#x2F;assets/js/api-filter.js"></script>
<script src="..&#x2F;assets/js/api-list.js"></script>
<script src="..&#x2F;assets/js/api-search.js"></script>
<script src="..&#x2F;assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -157,10 +159,10 @@ PIXI.TilingSprite = function(texture, width, height)
* @property tileScale * @property tileScale
* @type Point * @type Point
*&#x2F; *&#x2F;
this.tileScale = new PIXI.Point(2,1); this.tileScale = new PIXI.Point(1,1);
&#x2F;** &#x2F;**
* The offset position of the image that is being tiled * The offset position of the image that is being tiled
* @property tileScale * @property tilePosition
* @type Point * @type Point
*&#x2F; *&#x2F;
this.tilePosition = new PIXI.Point(0,0); this.tilePosition = new PIXI.Point(0,0);
@ -186,7 +188,6 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
{ {
this.updateFrame = true; this.updateFrame = true;
} }
&#x2F;&#x2F; some helper functions..
</pre> </pre>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -204,8 +206,8 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
{ {
&#x2F;&#x2F; update children if need be &#x2F;&#x2F; update children if need be
stage.__childrenAdded = []; &#x2F;&#x2F;stage.__childrenAdded = [];
stage.__childrenRemoved = []; &#x2F;&#x2F;stage.__childrenRemoved = [];
&#x2F;&#x2F; update textures if need be &#x2F;&#x2F; update textures if need be
PIXI.texturesToUpdate = []; PIXI.texturesToUpdate = [];
@ -256,6 +258,7 @@ PIXI.CanvasRenderer.prototype.resize = function(width, height)
&#x2F;** &#x2F;**
* @private * @private
*&#x2F; *&#x2F;
PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject) PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
{ {
var transform = displayObject.worldTransform; var transform = displayObject.worldTransform;
@ -296,7 +299,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
} }
else else
{*&#x2F; {*&#x2F;
blit = false; &#x2F;&#x2F; blit = false;
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]); context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
context.drawImage(displayObject.texture.baseTexture.source, context.drawImage(displayObject.texture.baseTexture.source,
@ -324,6 +327,10 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]) context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
this.renderTilingSprite(displayObject); this.renderTilingSprite(displayObject);
} }
else if(displayObject instanceof PIXI.CustomRenderable)
{
displayObject.renderCanvas(this);
}
&#x2F;&#x2F; render! &#x2F;&#x2F; render!
for (var i=0; i &lt; displayObject.children.length; i++) for (var i=0; i &lt; displayObject.children.length; i++)

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -163,7 +165,9 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
&#x2F;&#x2F; has this changed?? &#x2F;&#x2F; has this changed??
if(this.root)this.removeDisplayObjectAndChildren(this.root); if(this.root)this.removeDisplayObjectAndChildren(this.root);
&#x2F;&#x2F;console.log(&quot;!!!&quot;); &#x2F;&#x2F; soooooo &#x2F;&#x2F;
&#x2F;&#x2F; to check if any batchs exist already??
&#x2F;&#x2F; TODO what if its already has an object? should remove it &#x2F;&#x2F; TODO what if its already has an object? should remove it
this.root = displayObject; this.root = displayObject;
&#x2F;&#x2F;displayObject.__renderGroup = this; &#x2F;&#x2F;displayObject.__renderGroup = this;
@ -171,11 +175,14 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
&#x2F;&#x2F;displayObject &#x2F;&#x2F;displayObject
} }
PIXI.WebGLRenderGroup.prototype.render = function(renderTexture) PIXI.WebGLRenderGroup.prototype.render = function(projectionMatrix)
{ {
var gl = this.gl; var gl = this.gl;
&#x2F;&#x2F; set the flipped matrix..
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
for (var i=0; i &lt; this.toRemove.length; i++) for (var i=0; i &lt; this.toRemove.length; i++)
{ {
this.removeDisplayObjectAndChildren(this.toRemove[i]); this.removeDisplayObjectAndChildren(this.toRemove[i]);
@ -196,20 +203,21 @@ PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
} }
else if(renderable instanceof PIXI.TilingSprite) else if(renderable instanceof PIXI.TilingSprite)
{ {
if(renderable.visible)this.renderTilingSprite(renderable); if(renderable.visible)this.renderTilingSprite(renderable, projectionMatrix);
} }
else if(renderable instanceof PIXI.Strip) else if(renderable instanceof PIXI.Strip)
{ {
if(renderable.visible)this.renderStrip(renderable); if(renderable.visible)this.renderStrip(renderable, projectionMatrix);
} }
} }
} }
PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderTexture) PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projectionMatrix)
{ {
var gl = this.gl; var gl = this.gl;
this.checkVisibility(displayObject, displayObject.visible); this.checkVisibility(displayObject, displayObject.visible);
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
&#x2F;&#x2F;console.log(&quot;SPECIFIC&quot;); &#x2F;&#x2F;console.log(&quot;SPECIFIC&quot;);
@ -290,6 +298,31 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
endBatch = lastRenderable; endBatch = lastRenderable;
} }
&#x2F;&#x2F; TODO - need to fold this up a bit!
if(startBatch == endBatch)
{
if(startBatch instanceof PIXI.WebGLBatch)
{
startBatch.render(startIndex, endIndex+1);
}
else if(startBatch instanceof PIXI.TilingSprite)
{
if(startBatch.visible)this.renderTilingSprite(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.Strip)
{
if(startBatch.visible)this.renderStrip(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.CustomRenderable)
{
if(startBatch.visible) startBatch.renderWebGL(this, projectionMatrix);
}
return;
}
&#x2F;&#x2F; now we have first and last! &#x2F;&#x2F; now we have first and last!
startBatchIndex = this.batchs.indexOf(startBatch); startBatchIndex = this.batchs.indexOf(startBatch);
endBatchIndex = this.batchs.indexOf(endBatch); endBatchIndex = this.batchs.indexOf(endBatch);
@ -301,11 +334,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
} }
else if(startBatch instanceof PIXI.TilingSprite) else if(startBatch instanceof PIXI.TilingSprite)
{ {
if(startBatch.visible)this.renderTilingSprite(startBatch); if(startBatch.visible)this.renderTilingSprite(startBatch, projectionMatrix);
} }
else if(startBatch instanceof PIXI.Strip) else if(startBatch instanceof PIXI.Strip)
{ {
if(startBatch.visible)this.renderStrip(startBatch); if(startBatch.visible)this.renderStrip(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.CustomRenderable)
{
if(startBatch.visible) startBatch.renderWebGL(this, projectionMatrix);
} }
&#x2F;&#x2F; DO the middle batchs.. &#x2F;&#x2F; DO the middle batchs..
@ -319,11 +356,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
} }
else if(renderable instanceof PIXI.TilingSprite) else if(renderable instanceof PIXI.TilingSprite)
{ {
if(renderable.visible)this.renderTilingSprite(renderable); if(renderable.visible)this.renderTilingSprite(renderable, projectionMatrix);
} }
else if(renderable instanceof PIXI.Strip) else if(renderable instanceof PIXI.Strip)
{ {
if(renderable.visible)this.renderStrip(renderable); if(renderable.visible)this.renderStrip(renderable, projectionMatrix);
}
else if(renderable instanceof PIXI.CustomRenderable)
{
if(renderable.visible) renderable.renderWebGL(this, projectionMatrix);
} }
} }
@ -341,6 +382,10 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
{ {
if(endBatch.visible)this.renderStrip(endBatch); if(endBatch.visible)this.renderStrip(endBatch);
} }
else if(endBatch instanceof PIXI.CustomRenderable)
{
if(endBatch.visible) endBatch.renderWebGL(this, projectionMatrix);
}
} }
PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible) PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
@ -378,7 +423,11 @@ PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, global
PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject) PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject)
{ {
&#x2F;&#x2F; add a child to the render group.. &#x2F;&#x2F; add a child to the render group..
displayObject.batch = null; if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
&#x2F;&#x2F; DONT htink this is needed?
&#x2F;&#x2F; displayObject.batch = null;
displayObject.__renderGroup = this; displayObject.__renderGroup = this;
&#x2F;&#x2F;displayObject.cacheVisible = true; &#x2F;&#x2F;displayObject.cacheVisible = true;
@ -627,6 +676,9 @@ PIXI.WebGLRenderGroup.prototype.getNextRenderable = function(displayObject)
&#x2F;&#x2F; if it has no children.. &#x2F;&#x2F; if it has no children..
if(nextSprite.children.length == 0) if(nextSprite.children.length == 0)
{ {
&#x2F;&#x2F;maynot have a parent
if(!nextSprite.parent)return null;
&#x2F;&#x2F; go along to the parent.. &#x2F;&#x2F; go along to the parent..
while(nextSprite.childIndex == nextSprite.parent.children.length-1) while(nextSprite.childIndex == nextSprite.parent.children.length-1)
{ {
@ -665,7 +717,7 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
if(previousSprite.childIndex == 0) if(previousSprite.childIndex == 0)
{ {
previousSprite = previousSprite.parent; previousSprite = previousSprite.parent;
if(!previousSprite)return null;
} }
else else
{ {
@ -686,6 +738,204 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
return previousSprite; return previousSprite;
} }
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
{
var gl = this.gl;
&#x2F;&#x2F; make the texture tilable..
sprite.verticies = new Float32Array([0, 0,
sprite.width, 0,
sprite.width, sprite.height,
0, sprite.height]);
sprite.uvs = new Float32Array([0, 0,
1, 0,
1, 1,
0, 1]);
sprite.colors = new Float32Array([1,1,1,1]);
sprite.indices = new Uint16Array([0, 1, 3,2])&#x2F;&#x2F;, 2]);
sprite._vertexBuffer = gl.createBuffer();
sprite._indexBuffer = gl.createBuffer();
sprite._uvBuffer = gl.createBuffer();
sprite._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.uvs, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
&#x2F;&#x2F; return ( (x &gt; 0) &amp;&amp; ((x &amp; (x - 1)) == 0) );
if(sprite.texture.baseTexture._glTexture)
{
gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
sprite.texture.baseTexture._powerOf2 = true;
}
else
{
sprite.texture.baseTexture._powerOf2 = true;
}
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projectionMatrix)
{
var gl = this.gl;
var shaderProgram = PIXI.shaderProgram;
&#x2F;&#x2F; mat
var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
PIXI.mat4.transpose(mat4Real);
PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
gl.uniformMatrix4fv(shaderProgram.mvMatrixUniform, false, mat4Real);
if(strip.blendMode == PIXI.blendModes.NORMAL)
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
}
else
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
}
if(!strip.dirty)
{
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
}
else
{
strip.dirty = false;
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
&#x2F;&#x2F;console.log(gl.TRIANGLE_STRIP)
gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
gl.uniformMatrix4fv(shaderProgram.mvMatrixUniform, false, projectionMatrix);
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
{
var gl = this.gl;
var shaderProgram = PIXI.shaderProgram;
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
var offsetX = tilePosition.x&#x2F;sprite.texture.baseTexture.width;
var offsetY = tilePosition.y&#x2F;sprite.texture.baseTexture.height;
var scaleX = (sprite.width &#x2F; sprite.texture.baseTexture.width) &#x2F; tileScale.x;
var scaleY = (sprite.height &#x2F; sprite.texture.baseTexture.height) &#x2F; tileScale.y;
sprite.uvs[0] = 0 - offsetX;
sprite.uvs[1] = 0 - offsetY;
sprite.uvs[2] = (1 * scaleX) -offsetX;
sprite.uvs[3] = 0 - offsetY;
sprite.uvs[4] = (1 *scaleX) - offsetX;
sprite.uvs[5] = (1 *scaleY) - offsetY;
sprite.uvs[6] = 0 - offsetX;
sprite.uvs[7] = (1 *scaleY) - offsetY;
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
this.renderStrip(sprite, projectionMatrix);
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderer.prototype.initStrip = function(strip)
{
&#x2F;&#x2F; build the strip!
var gl = this.gl;
var shaderProgram = this.shaderProgram;
strip._vertexBuffer = gl.createBuffer();
strip._indexBuffer = gl.createBuffer();
strip._uvBuffer = gl.createBuffer();
strip._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
</pre> </pre>
</div> </div>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -201,11 +203,10 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
gl.colorMask(true, true, true, this.transparent); gl.colorMask(true, true, true, this.transparent);
this.projectionMatrix = PIXI.mat4.create(); this.projectionMatrix = PIXI.mat4.create();
this.resize(this.width, this.height) this.resize(this.width, this.height);
this.contextLost = false; this.contextLost = false;
this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl); this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
} }
&#x2F;&#x2F; constructor &#x2F;&#x2F; constructor
@ -245,9 +246,9 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc); var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc);
var vertexShader = PIXI.CompileVertexShader(gl, PIXI.shaderVertexSrc); var vertexShader = PIXI.CompileVertexShader(gl, PIXI.shaderVertexSrc);
this.shaderProgram = gl.createProgram(); PIXI.shaderProgram = gl.createProgram();
var shaderProgram = this.shaderProgram; var shaderProgram = PIXI.shaderProgram;
gl.attachShader(shaderProgram, vertexShader); gl.attachShader(shaderProgram, vertexShader);
gl.attachShader(shaderProgram, fragmentShader); gl.attachShader(shaderProgram, fragmentShader);
@ -271,8 +272,6 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, &quot;uMVMatrix&quot;); shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, &quot;uMVMatrix&quot;);
shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, &quot;uSampler&quot;); shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, &quot;uSampler&quot;);
PIXI.shaderProgram = this.shaderProgram;
} }
@ -290,27 +289,29 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
if(this.__stage !== stage) if(this.__stage !== stage)
{ {
&#x2F;&#x2F; TODO make this work &#x2F;&#x2F; TODO make this work
if(this.__stage)this.checkVisibility(this.__stage, false) &#x2F;&#x2F; dont think this is needed any more?
&#x2F;&#x2F;if(this.__stage)this.checkVisibility(this.__stage, false)
this.__stage = stage; this.__stage = stage;
this.stageRenderGroup.setRenderable(stage); this.stageRenderGroup.setRenderable(stage);
} }
&#x2F;&#x2F; TODO not needed now...
&#x2F;&#x2F; update children if need be &#x2F;&#x2F; update children if need be
&#x2F;&#x2F; best to remove first! &#x2F;&#x2F; best to remove first!
for (var i=0; i &lt; stage.__childrenRemoved.length; i++) &#x2F;*for (var i=0; i &lt; stage.__childrenRemoved.length; i++)
{ {
var group = stage.__childrenRemoved[i].__renderGroup var group = stage.__childrenRemoved[i].__renderGroup
if(group)group.removeDisplayObject(stage.__childrenRemoved[i]); if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
} }*&#x2F;
&#x2F;&#x2F; update any textures &#x2F;&#x2F; update any textures
for (var i=0; i &lt; PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]); for (var i=0; i &lt; PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
for (var i=0; i &lt; PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]); for (var i=0; i &lt; PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
&#x2F;&#x2F; empty out the arrays &#x2F;&#x2F; empty out the arrays
stage.__childrenRemoved = []; &#x2F;&#x2F;stage.__childrenRemoved = [];
stage.__childrenAdded = []; &#x2F;&#x2F;stage.__childrenAdded = [];
PIXI.texturesToUpdate = []; PIXI.texturesToUpdate = [];
PIXI.texturesToDestroy = []; PIXI.texturesToDestroy = [];
@ -327,7 +328,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.viewport(0, 0, this.width, this.height); gl.viewport(0, 0, this.width, this.height);
&#x2F;&#x2F; set the correct matrix.. &#x2F;&#x2F; set the correct matrix..
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix); &#x2F;&#x2F; gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
gl.bindFramebuffer(gl.FRAMEBUFFER, null); gl.bindFramebuffer(gl.FRAMEBUFFER, null);
@ -335,9 +336,8 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.clear(gl.COLOR_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT);
&#x2F;&#x2F; render all the batchs!
this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit; this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
this.stageRenderGroup.render(); this.stageRenderGroup.render(this.projectionMatrix);
&#x2F;&#x2F; interaction &#x2F;&#x2F; interaction
&#x2F;&#x2F; run interaction! &#x2F;&#x2F; run interaction!
@ -386,8 +386,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
&#x2F;&#x2F; reguler... &#x2F;&#x2F; reguler...
&#x2F;&#x2F;gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
&#x2F;&#x2F;gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
if(!texture._powerOf2) if(!texture._powerOf2)
{ {
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
@ -399,7 +397,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
} }
&#x2F;&#x2F; gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null); gl.bindTexture(gl.TEXTURE_2D, null);
} }
@ -417,8 +414,6 @@ PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
} }
} }
&#x2F;** &#x2F;**
* resizes the webGL view to the specified width and height * resizes the webGL view to the specified width and height
* @method resize * @method resize
@ -443,226 +438,6 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
projectionMatrix[13] = 1; projectionMatrix[13] = 1;
} }
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderer.prototype.initTilingSprite = function(sprite)
{
var gl = this.gl;
&#x2F;&#x2F; make the texture tilable..
sprite.verticies = new Float32Array([0, 0,
sprite.width, 0,
sprite.width, sprite.height,
0, sprite.height]);
sprite.uvs = new Float32Array([0, 0,
1, 0,
1, 1,
0, 1]);
sprite.colors = new Float32Array([1,1,1,1]);
sprite.indices = new Uint16Array([0, 1, 3,2])&#x2F;&#x2F;, 2]);
sprite._vertexBuffer = gl.createBuffer();
sprite._indexBuffer = gl.createBuffer();
sprite._uvBuffer = gl.createBuffer();
sprite._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.uvs, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
&#x2F;&#x2F; return ( (x &gt; 0) &amp;&amp; ((x &amp; (x - 1)) == 0) );
if(sprite.texture.baseTexture._glTexture)
{
gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
sprite.texture.baseTexture._powerOf2 = true;
}
else
{
sprite.texture.baseTexture._powerOf2 = true;
}
&#x2F;*
var context = this.context;
if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, &quot;repeat&quot;);
context.beginPath();
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
&#x2F;&#x2F; offset
context.scale(tileScale.x,tileScale.y);
context.translate(tilePosition.x, tilePosition.y);
context.fillStyle = sprite.__tilePattern;
context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width &#x2F; tileScale.x, sprite.height &#x2F; tileScale.y);
context.translate(-tilePosition.x, -tilePosition.y);
context.scale(1&#x2F;tileScale.x, 1&#x2F;tileScale.y);
*&#x2F;
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderer.prototype.renderTilingSprite = function(sprite)
{
var gl = this.gl;
var shaderProgram = this.shaderProgram;
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
var offsetX = tilePosition.x&#x2F;sprite.texture.baseTexture.width;
var offsetY = tilePosition.y&#x2F;sprite.texture.baseTexture.height;
var scaleX = (sprite.width &#x2F; sprite.texture.baseTexture.width) &#x2F; tileScale.x;
var scaleY = (sprite.height &#x2F; sprite.texture.baseTexture.height) &#x2F; tileScale.y;
sprite.uvs[0] = 0 - offsetX;
sprite.uvs[1] = 0 - offsetY;
sprite.uvs[2] = (1 * scaleX) -offsetX;
sprite.uvs[3] = 0 - offsetY;
sprite.uvs[4] = (1 *scaleX) - offsetX;
sprite.uvs[5] = (1 *scaleY) - offsetY;
sprite.uvs[6] = 0 - offsetX;
sprite.uvs[7] = (1 *scaleY) - offsetY;
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
this.renderStrip(sprite);
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderer.prototype.initStrip = function(strip)
{
&#x2F;&#x2F; build the strip!
var gl = this.gl;
var shaderProgram = this.shaderProgram;
strip._vertexBuffer = gl.createBuffer();
strip._indexBuffer = gl.createBuffer();
strip._uvBuffer = gl.createBuffer();
strip._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
&#x2F;**
* @private
*&#x2F;
PIXI.WebGLRenderer.prototype.renderStrip = function(strip)
{
var gl = this.gl;
var shaderProgram = this.shaderProgram;
&#x2F;&#x2F; mat
var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
PIXI.mat4.transpose(mat4Real);
PIXI.mat4.multiply(this.projectionMatrix, mat4Real, mat4Real )
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, mat4Real);
if(strip.blendMode == PIXI.blendModes.NORMAL)
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
}
else
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
}
if(!strip.dirty)
{
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
}
else
{
strip.dirty = false;
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
&#x2F;&#x2F; dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
&#x2F;&#x2F;console.log(gl.TRIANGLE_STRIP)
gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
&#x2F;&#x2F; console.log(&quot;!!!&quot;)
}
&#x2F;** &#x2F;**
* @private * @private
*&#x2F; *&#x2F;

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -135,19 +137,18 @@
*&#x2F; *&#x2F;
&#x2F;** &#x2F;**
* A Text Object will create a line(s) of text using bitmap font * A Text Object will create a line(s) of text using bitmap font. To split a line you can use &quot;\n&quot;, &quot;\r&quot; or &quot;\r\n&quot;
* You can generate the fnt files using * You can generate the fnt files using
* http:&#x2F;&#x2F;www.angelcode.com&#x2F;products&#x2F;bmfont&#x2F; for windows of * http:&#x2F;&#x2F;www.angelcode.com&#x2F;products&#x2F;bmfont&#x2F; for windows or
* http:&#x2F;&#x2F;www.bmglyph.com&#x2F; for mac. * http:&#x2F;&#x2F;www.bmglyph.com&#x2F; for mac.
* @class BitmapText * @class BitmapText
* @extends DisplayObjectContainer * @extends DisplayObjectContainer
* @constructor * @constructor
* @param {String} text The copy that you would like the text to display * @param {String} text The copy that you would like the text to display
* @param {Object} [style] The style parameters * @param {Object} style The style parameters
* @param {String} [style.font] default is &quot;20pt Arial&quot; The size and bitmap font id (must have loaded previously) * @param {String} style.font The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
* @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;) * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
*&#x2F; *&#x2F;
&#x2F;&#x2F;* @param {Object} [style.font=&quot;bold 20pt Arial&quot;] The style and size of the font
PIXI.BitmapText = function(text, style) PIXI.BitmapText = function(text, style)
{ {
PIXI.DisplayObjectContainer.call(this); PIXI.DisplayObjectContainer.call(this);
@ -165,7 +166,7 @@ PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype)
&#x2F;** &#x2F;**
* Set the copy for the text object * Set the copy for the text object
* @methos setText * @method setText
* @param {String} text The copy that you would like the text to display * @param {String} text The copy that you would like the text to display
*&#x2F; *&#x2F;
PIXI.BitmapText.prototype.setText = function(text) PIXI.BitmapText.prototype.setText = function(text)
@ -177,8 +178,8 @@ PIXI.BitmapText.prototype.setText = function(text)
&#x2F;** &#x2F;**
* Set the style of the text * Set the style of the text
* @method setStyle * @method setStyle
* @param {Object} [style] The style parameters * @param {Object} style The style parameters
* @param {Object} style.font The style and size of the font. If font size is not specified, it uses default bitmap font size. Font name is required * @param {String} style.font The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)
* @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;) * @param {String} [style.align=&quot;left&quot;] An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)
*&#x2F; *&#x2F;
PIXI.BitmapText.prototype.setStyle = function(style) PIXI.BitmapText.prototype.setStyle = function(style)
@ -211,7 +212,7 @@ PIXI.BitmapText.prototype.updateText = function()
for(var i = 0; i &lt; this.text.length; i++) for(var i = 0; i &lt; this.text.length; i++)
{ {
var charCode = this.text.charCodeAt(i); var charCode = this.text.charCodeAt(i);
if(charCode == &quot;\n&quot;.charCodeAt(0)) if(&#x2F;(?:\r\n|\r|\n)&#x2F;.test(this.text.charAt(i)))
{ {
lineWidths.push(pos.x); lineWidths.push(pos.x);
maxLineWidth = Math.max(maxLineWidth, pos.x); maxLineWidth = Math.max(maxLineWidth, pos.x);

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -155,8 +157,9 @@ PIXI.Text = function(text, style)
this.setText(text); this.setText(text);
this.setStyle(style); this.setStyle(style);
&#x2F;&#x2F;this.updateText();
this.dirty = true; this.updateText();
this.dirty = false;
}; };
&#x2F;&#x2F; constructor &#x2F;&#x2F; constructor
@ -204,7 +207,7 @@ PIXI.Text.prototype.updateText = function()
this.context.font = this.style.font; this.context.font = this.style.font;
&#x2F;&#x2F;split text into lines &#x2F;&#x2F;split text into lines
var lines = this.text.split(&quot;\n&quot;); var lines = this.text.split(&#x2F;(?:\r\n|\r|\n)&#x2F;);
&#x2F;&#x2F;calculate text width &#x2F;&#x2F;calculate text width
var lineWidths = []; var lineWidths = [];
@ -269,6 +272,10 @@ PIXI.Text.prototype.updateTexture = function()
this.texture.baseTexture.height = this.canvas.height; this.texture.baseTexture.height = this.canvas.height;
this.texture.frame.width = this.canvas.width; this.texture.frame.width = this.canvas.width;
this.texture.frame.height = this.canvas.height; this.texture.frame.height = this.canvas.height;
this._width = this.canvas.width;
this._height = this.canvas.height;
PIXI.texturesToUpdate.push(this.texture.baseTexture); PIXI.texturesToUpdate.push(this.texture.baseTexture);
}; };

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -146,8 +148,8 @@ PIXI.RenderTexture = function(width, height)
{ {
PIXI.EventTarget.call( this ); PIXI.EventTarget.call( this );
this.width = width; this.width = width || 100;
this.height = height; this.height = height || 100;
this.indetityMatrix = PIXI.mat3.create(); this.indetityMatrix = PIXI.mat3.create();
@ -242,39 +244,35 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, clear)
gl.clear(gl.COLOR_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT);
} }
&#x2F;&#x2F; set the flipped matrix..
gl.uniformMatrix4fv(renderer.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
&#x2F;&#x2F; THIS WILL MESS WITH HIT TESTING! &#x2F;&#x2F; THIS WILL MESS WITH HIT TESTING!
var children = displayObject.children; var children = displayObject.children;
&#x2F;&#x2F;TODO -? create a new one??? dont think so! &#x2F;&#x2F;TODO -? create a new one??? dont think so!
displayObject.worldTransform = this.indetityMatrix; displayObject.worldTransform = PIXI.mat3.create();&#x2F;&#x2F;sthis.indetityMatrix;
for(var i=0,j=children.length; i&lt;j; i++) for(var i=0,j=children.length; i&lt;j; i++)
{ {
children[i].updateTransform(); children[i].updateTransform();
} }
var renderGroup = displayObject.__renderGroup ; var renderGroup = displayObject.__renderGroup;
if(renderGroup) if(renderGroup)
{ {
if(displayObject == renderGroup.root) if(displayObject == renderGroup.root)
{ {
renderGroup.render(); renderGroup.render(this.projectionMatrix);
} }
else else
{ {
renderGroup.renderSpecific(displayObject); renderGroup.renderSpecific(displayObject, this.projectionMatrix);
} }
} }
else else
{ {
if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl); if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
this.renderGroup.setRenderable(displayObject); this.renderGroup.setRenderable(displayObject);
this.renderGroup.render(this.projectionMatrix);
this.renderGroup.render();
} }
} }
@ -283,13 +281,13 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, clear)
{ {
var children = displayObject.children; var children = displayObject.children;
displayObject.worldTransform = this.indetityMatrix; displayObject.worldTransform = PIXI.mat3.create();
for(var i=0,j=children.length; i&lt;j; i++) for(var i=0,j=children.length; i&lt;j; i++)
{ {
children[i].updateTransform(); children[i].updateTransform();
} }
if(clear)this.renderer.context.clearRect(0,0, this.width, this.height); if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
this.renderer.renderDisplayObject(displayObject); this.renderer.renderDisplayObject(displayObject);

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href=".&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href=".&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href=".&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href=".&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href=".&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href=".&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href=".&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>

View file

@ -51,6 +51,8 @@
<li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li> <li><a href="..&#x2F;classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="..&#x2F;classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li> <li><a href="..&#x2F;classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li> <li><a href="..&#x2F;classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
@ -186,6 +188,12 @@
</a> </a>
</li> </li>
<li class="module-class">
<a href="..&#x2F;classes/CustomRenderable.html">
CustomRenderable
</a>
</li>
<li class="module-class"> <li class="module-class">
<a href="..&#x2F;classes/DisplayObject.html"> <a href="..&#x2F;classes/DisplayObject.html">
DisplayObject DisplayObject

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,125 @@
<!DOCTYPE HTML>
<html>
<head>
<title>pixi.js example 11 RenderTexture</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #000000;
}
</style>
<script src="pixi.js"></script>
</head>
<body>
<script>
// create an new instance of a pixi stage
var stage = new PIXI.Stage(0x000000);
// create a renderer instance
var renderer = new PIXI.autoDetectRenderer(800, 600);
// set the canvas width and height to fill the screen
renderer.view.style.width = window.innerWidth + "px";
renderer.view.style.height = window.innerHeight + "px";
renderer.view.style.display = "block";
// add render view to DOM
document.body.appendChild(renderer.view);
// OOH! SHINY!
// create two render textures.. these dynamic textures will be used to draw the scene into itself
var renderTexture = new PIXI.RenderTexture(800, 600);
var renderTexture2 = new PIXI.RenderTexture(800, 600);
var currentTexture = renderTexture;
// create a new sprite that uses the render texture we created above
var outputSprite = new PIXI.Sprite(currentTexture);
// align the sprite
outputSprite.position.x = 800/2;
outputSprite.position.y = 600/2;
outputSprite.anchor.x = 0.5;
outputSprite.anchor.y = 0.5;
// add to stage
stage.addChild(outputSprite);
var stuffContainer = new PIXI.DisplayObjectContainer();
stuffContainer.position.x = 800/2;
stuffContainer.position.y = 600/2
stage.addChild(stuffContainer);
// create an array of image ids..
var fruits = ["spinObj_01.png", "spinObj_02.png",
"spinObj_03.png", "spinObj_04.png",
"spinObj_05.png", "spinObj_06.png",
"spinObj_07.png", "spinObj_08.png"];
// create an array of items
var items = [];
// now create some items and randomly position them in the stuff container
for (var i=0; i < 20; i++)
{
var item = PIXI.Sprite.fromImage(fruits[i % fruits.length]);
item.position.x = Math.random() * 400 - 200;
item.position.y = Math.random() * 400 - 200;
item.anchor.x = 0.5;
item.anchor.y = 0.5;
stuffContainer.addChild(item);
items.push(item);
};
// used for spinning!
var count = 0;
requestAnimFrame(animate);
function animate() {
requestAnimFrame( animate );
for (var i=0; i < items.length; i++)
{
// rotate each item
var item = items[i];
item.rotation += 0.1;
};
count += 0.01;
// swap the buffers..
var temp = renderTexture;
renderTexture = renderTexture2;
renderTexture2 = temp;
// set the new texture
outputSprite.setTexture(renderTexture);
// twist this up!
stuffContainer.rotation -= 0.01
outputSprite.scale.x = outputSprite.scale.y = 1 + Math.sin(count) * 0.2;
// render the stage to the texture
// the true clears the texture before content is rendered
renderTexture2.render(stage, true);
// and finally render the stage
renderer.render(stage);
}
</script>
</body>
</html>

File diff suppressed because it is too large Load diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because it is too large Load diff

0
examples/example 3 - MovieClip/SpriteSheet.json Normal file → Executable file
View file

0
examples/example 3 - MovieClip/SpriteSheet.png Normal file → Executable file
View file

Before

Width:  |  Height:  |  Size: 899 KiB

After

Width:  |  Height:  |  Size: 899 KiB

Before After
Before After

143
examples/example 3 - MovieClip/index.html Normal file → Executable file
View file

@ -1,7 +1,7 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<title>pixi.js example 10 using a movieclip</title> <title>pixi.js example 3 using a movieclip</title>
<style> <style>
body { body {
margin: 0; margin: 0;
@ -10,13 +10,6 @@
} }
</style> </style>
<script src="pixi.js"></script> <script src="pixi.js"></script>
<script src="../../src/pixi/DisplayObjectContainer.js"></script>
<script src="../../src/pixi/renderers/WebGLRenderGroup.js"></script>
<script src="../../src/pixi/renderers/WebGLRenderer.js"></script>
<script src="../../src/pixi/textures/RenderTexture.js"></script>
<script src="../../src/pixi/renderers/WebGLBatch.js"></script>
<script src="../../src/pixi/renderers/CanvasRenderer.js"></script>
</head> </head>
<body> <body>
<script> <script>
@ -40,7 +33,7 @@
var count = 0; var count = 0;
// create an new instance of a pixi stage // create an new instance of a pixi stage
var stage = new PIXI.Stage(0xFFF0FF, true);; var stage = new PIXI.Stage(0xFFFFFF);;
// create a renderer instance. // create a renderer instance.
renderer = PIXI.autoDetectRenderer(800, 600); renderer = PIXI.autoDetectRenderer(800, 600);
@ -48,27 +41,6 @@
// add the renderer view element to the DOM // add the renderer view element to the DOM
document.body.appendChild(renderer.view); document.body.appendChild(renderer.view);
// DOOMP
var renderTexture = new PIXI.RenderTexture(256, 256)/////* 2, 128 * 2);
var sprite = new PIXI.Sprite(renderTexture);
var renderTexture2 = new PIXI.RenderTexture(256, 256)/////* 2, 128 * 2);
var sprite2 = new PIXI.Sprite(renderTexture2);
//sprite.anchor.x = 0.5;
//sprite.anchor.y = 0.5;
//sprite.scale.y = .5;
// sprite.position.x = 300;
// sprite.position.y = 200;
var bg = PIXI.Sprite.fromImage("button_test_BG.png");
stage.addChild(bg)
var container = new PIXI.DisplayObjectContainer();
var container2 = new PIXI.DisplayObjectContainer();
stage.addChild(container);
container.addChild(container2);
//
stage.addChild(sprite2);
function onAssetsLoaded() function onAssetsLoaded()
{ {
// create an array to store the textures // create an array to store the textures
@ -80,125 +52,40 @@
explosionTextures.push(texture); explosionTextures.push(texture);
}; };
// explosionTextures.push(PIXI.Texture.fromImage("button_test_BG.png"));
// create a texture from an image path // create a texture from an image path
// add a bunch of aliens // add a bunch of aliens
for (var i = 0; i < 150; i++) for (var i = 0; i < 50; i++)
{ {
// create an explosion MovieClip // create an explosion MovieClip
var explosion = new PIXI.MovieClip(explosionTextures); var explosion = new PIXI.MovieClip(explosionTextures);
//if(i % 2)
{ explosion.position.x = Math.random() * 800;
explosion = new PIXI.MovieClip([PIXI.Texture.fromImage("button_test_BG.png")]); explosion.position.y = Math.random() * 600;
container2.addChild(explosion); explosion.anchor.x = 0.5;
} explosion.anchor.y = 0.5;
// else
{
// container.addChild(explosion);
}
explosion.position.x = Math.random() * 800; explosion.rotation = Math.random() * Math.PI;
explosion.position.y =Math.random() * 600; explosion.scale.x = explosion.scale.y = 0.75 + Math.random() * 0.5
// explosion.anchor.x = 0.5;
//explosion.anchor.y = 0.5;
// 670×432
// explosion.pivot.x = 670/2;
explosion.pivot.y = 432/2;
//explosion.rotation = Math.random() * Math.PI;
explosion.scale.x = explosion.scale.y = 1//0.3//0.75 + Math.random() * 0.5
explosion.animationSpeed = 0.1
explosion.gotoAndPlay(Math.random() * 27); explosion.gotoAndPlay(Math.random() * 27);
stage.addChild(explosion);
explosion.buttonMode = true;
// TODO BUG>??
explosion.setInteractive(true);
explosion.click = function(){
// console.log("REMOVEIN!")
//this.visible = false;
this.rotation += Math.PI/10
// this.parent.removeChild(this);
}
} }
//∆∆container2.addChild();
stage.addChild(sprite);
sprite.alpha = 1
sprite.position.x = 300;
sprite.position.y = 300;
// start animating // start animating
requestAnimFrame( animate ); requestAnimFrame( animate );
//container.alpha = 0.5
} }
bloop= true;
function animate() { function animate() {
//sprite.rotation += 0.01;
// console.log(stage.children)
requestAnimFrame( animate ); requestAnimFrame( animate );
//stage.children[2]);
renderer.render(stage); renderer.render(stage);
// if(count < 100)
{
bloop = !bloop;
if(bloop )
{
// container.visible = false;
}
else
{
// container.visible = true;
renderTexture2.render(bg, true);
}
}
count++;
if(count == 100)
{
// alert("!")
// stage.removeChild(container);
// renderTexture.render(container, true);
//}
// else if(count > 200)
//{
}
if(count == 200)
{
//
// stage.addChild(container);
//container.removeChild(container2);
}
if(count > 300)
{
// renderTexture2.render(container, true);
//sprite2.scale.x = 10
// renderTexture.render(container, true);
}
else
{
renderTexture2.render(container, true);
}
// container.visible = false;
} }
count = 0;
</script> </script>
</body> </body>

691
examples/example 3 - MovieClip/pixi.js Normal file → Executable file

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -85,6 +85,8 @@ PIXI.DisplayObject = function()
this._sr = 0; this._sr = 0;
this._cr = 1; this._cr = 1;
this.childIndex = 0;
this.renderable = false; this.renderable = false;
// [readonly] best not to toggle directly! use setInteractive() // [readonly] best not to toggle directly! use setInteractive()
@ -174,6 +176,17 @@ PIXI.DisplayObject = function()
// constructor // constructor
PIXI.DisplayObject.constructor = PIXI.DisplayObject; PIXI.DisplayObject.constructor = PIXI.DisplayObject;
//TODO make visible a getter setter
/*
Object.defineProperty(PIXI.DisplayObject.prototype, 'visible', {
get: function() {
return this._visible;
},
set: function(value) {
this._visible = value;
}
});*/
/** /**
* Indicates if the sprite will have touch and mouse interactivity. It is false by default * Indicates if the sprite will have touch and mouse interactivity. It is false by default
* @method setInteractive * @method setInteractive

View file

@ -26,6 +26,18 @@ PIXI.DisplayObjectContainer = function()
PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer; PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype ); PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
//TODO make visible a getter setter
/*
Object.defineProperty(PIXI.DisplayObjectContainer.prototype, 'visible', {
get: function() {
return this._visible;
},
set: function(value) {
this._visible = value;
}
});*/
/** /**
* Adds a child to the container. * Adds a child to the container.
* @method addChild * @method addChild
@ -96,9 +108,12 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
this.stage.__addChild(child); this.stage.__addChild(child);
} }
// little webGL! // need to remove any render groups..
if(this.__renderGroup) if(this.__renderGroup)
{ {
// being used by a renderTexture.. if it exists then it must be from a render texture;
if(child.__renderGroup)child.__renderGroup.removeDisplayObjectAndChildren(child);
// add them to the new render group..
this.__renderGroup.addDisplayObjectAndChildren(child); this.__renderGroup.addDisplayObjectAndChildren(child);
} }
} }
@ -183,10 +198,10 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
{ {
this.stage.__removeChild(child); this.stage.__removeChild(child);
} }
// console.log(child.__renderGroup);
// webGL trim
if(child.__renderGroup) if(child.__renderGroup)
{ {
// console.log(">?")
child.__renderGroup.removeDisplayObjectAndChildren(child); child.__renderGroup.removeDisplayObjectAndChildren(child);
} }

View file

@ -98,23 +98,16 @@ PIXI.InteractionManager.prototype.setTarget = function(target)
// DO some window specific touch! // DO some window specific touch!
} }
this.target = target;
target.view.addEventListener('mousemove', this.onMouseMove.bind(this), true);
target.view.addEventListener('mousedown', this.onMouseDown.bind(this), true);
document.body.addEventListener('mouseup', this.onMouseUp.bind(this), true);
target.view.addEventListener('mouseout', this.onMouseUp.bind(this), true);
{ // aint no multi touch just yet!
target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
this.target = target; target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
target.view.addEventListener('mousemove', this.onMouseMove.bind(this), true); target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
target.view.addEventListener('mousedown', this.onMouseDown.bind(this), true);
document.body.addEventListener('mouseup', this.onMouseUp.bind(this), true);
target.view.addEventListener('mouseout', this.onMouseUp.bind(this), true);
// aint no multi touch just yet!
target.view.addEventListener("touchstart", this.onTouchStart.bind(this), true);
target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
target.view.addEventListener("touchmove", this.onTouchMove.bind(this), true);
}
} }
PIXI.InteractionManager.prototype.update = function() PIXI.InteractionManager.prototype.update = function()
@ -228,9 +221,7 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
// loop through inteaction tree... // loop through inteaction tree...
// hit test each item! -> // hit test each item! ->
// --->--->--->--->
// get interactive items under point?? // get interactive items under point??
// --->--->--->--->
//stage.__i //stage.__i
var length = this.interactiveItems.length; var length = this.interactiveItems.length;
var global = this.mouse.global; var global = this.mouse.global;

View file

@ -0,0 +1,39 @@
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
* Need to finalize this a bit more but works! Its in but will be working on this feature properly next..:)
* @class CustomRenderable
* @extends DisplayObject
* @constructor
*/
PIXI.CustomRenderable = function()
{
PIXI.DisplayObject.call( this );
}
// constructor
PIXI.CustomRenderable.constructor = PIXI.CustomRenderable;
PIXI.CustomRenderable.prototype = Object.create( PIXI.DisplayObject.prototype );
PIXI.CustomRenderable.prototype.renderCanvas = function(renderer)
{
// override!
}
PIXI.CustomRenderable.prototype.initWebGL = function(renderer)
{
// override!
}
PIXI.CustomRenderable.prototype.renderWebGL = function(renderGroup, projectionMatrix)
{
// not sure if both needed? but ya have for now!
// override!
}

View file

@ -28,7 +28,7 @@ PIXI.TilingSprite = function(texture, width, height)
this.tileScale = new PIXI.Point(1,1); this.tileScale = new PIXI.Point(1,1);
/** /**
* The offset position of the image that is being tiled * The offset position of the image that is being tiled
* @property tileScale * @property tilePosition
* @type Point * @type Point
*/ */
this.tilePosition = new PIXI.Point(0,0); this.tilePosition = new PIXI.Point(0,0);
@ -54,5 +54,4 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
{ {
this.updateFrame = true; this.updateFrame = true;
} }
// some helper functions..

View file

@ -72,8 +72,8 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
{ {
// update children if need be // update children if need be
stage.__childrenAdded = []; //stage.__childrenAdded = [];
stage.__childrenRemoved = []; //stage.__childrenRemoved = [];
// update textures if need be // update textures if need be
PIXI.texturesToUpdate = []; PIXI.texturesToUpdate = [];
@ -124,6 +124,7 @@ PIXI.CanvasRenderer.prototype.resize = function(width, height)
/** /**
* @private * @private
*/ */
PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject) PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
{ {
var transform = displayObject.worldTransform; var transform = displayObject.worldTransform;
@ -164,7 +165,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
} }
else else
{*/ {*/
blit = false; // blit = false;
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]); context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
context.drawImage(displayObject.texture.baseTexture.source, context.drawImage(displayObject.texture.baseTexture.source,
@ -192,6 +193,10 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]) context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5])
this.renderTilingSprite(displayObject); this.renderTilingSprite(displayObject);
} }
else if(displayObject instanceof PIXI.CustomRenderable)
{
displayObject.renderCanvas(this);
}
// render! // render!
for (var i=0; i < displayObject.children.length; i++) for (var i=0; i < displayObject.children.length; i++)

View file

@ -31,7 +31,9 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
// has this changed?? // has this changed??
if(this.root)this.removeDisplayObjectAndChildren(this.root); if(this.root)this.removeDisplayObjectAndChildren(this.root);
//console.log("!!!"); // soooooo //
// to check if any batchs exist already??
// TODO what if its already has an object? should remove it // TODO what if its already has an object? should remove it
this.root = displayObject; this.root = displayObject;
//displayObject.__renderGroup = this; //displayObject.__renderGroup = this;
@ -39,11 +41,14 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
//displayObject //displayObject
} }
PIXI.WebGLRenderGroup.prototype.render = function(renderTexture) PIXI.WebGLRenderGroup.prototype.render = function(projectionMatrix)
{ {
var gl = this.gl; var gl = this.gl;
// set the flipped matrix..
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
for (var i=0; i < this.toRemove.length; i++) for (var i=0; i < this.toRemove.length; i++)
{ {
this.removeDisplayObjectAndChildren(this.toRemove[i]); this.removeDisplayObjectAndChildren(this.toRemove[i]);
@ -64,20 +69,21 @@ PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
} }
else if(renderable instanceof PIXI.TilingSprite) else if(renderable instanceof PIXI.TilingSprite)
{ {
if(renderable.visible)this.renderTilingSprite(renderable); if(renderable.visible)this.renderTilingSprite(renderable, projectionMatrix);
} }
else if(renderable instanceof PIXI.Strip) else if(renderable instanceof PIXI.Strip)
{ {
if(renderable.visible)this.renderStrip(renderable); if(renderable.visible)this.renderStrip(renderable, projectionMatrix);
} }
} }
} }
PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderTexture) PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, projectionMatrix)
{ {
var gl = this.gl; var gl = this.gl;
this.checkVisibility(displayObject, displayObject.visible); this.checkVisibility(displayObject, displayObject.visible);
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
//console.log("SPECIFIC"); //console.log("SPECIFIC");
@ -158,6 +164,31 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
endBatch = lastRenderable; endBatch = lastRenderable;
} }
// TODO - need to fold this up a bit!
if(startBatch == endBatch)
{
if(startBatch instanceof PIXI.WebGLBatch)
{
startBatch.render(startIndex, endIndex+1);
}
else if(startBatch instanceof PIXI.TilingSprite)
{
if(startBatch.visible)this.renderTilingSprite(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.Strip)
{
if(startBatch.visible)this.renderStrip(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.CustomRenderable)
{
if(startBatch.visible) startBatch.renderWebGL(this, projectionMatrix);
}
return;
}
// now we have first and last! // now we have first and last!
startBatchIndex = this.batchs.indexOf(startBatch); startBatchIndex = this.batchs.indexOf(startBatch);
endBatchIndex = this.batchs.indexOf(endBatch); endBatchIndex = this.batchs.indexOf(endBatch);
@ -169,11 +200,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
} }
else if(startBatch instanceof PIXI.TilingSprite) else if(startBatch instanceof PIXI.TilingSprite)
{ {
if(startBatch.visible)this.renderTilingSprite(startBatch); if(startBatch.visible)this.renderTilingSprite(startBatch, projectionMatrix);
} }
else if(startBatch instanceof PIXI.Strip) else if(startBatch instanceof PIXI.Strip)
{ {
if(startBatch.visible)this.renderStrip(startBatch); if(startBatch.visible)this.renderStrip(startBatch, projectionMatrix);
}
else if(startBatch instanceof PIXI.CustomRenderable)
{
if(startBatch.visible) startBatch.renderWebGL(this, projectionMatrix);
} }
// DO the middle batchs.. // DO the middle batchs..
@ -187,11 +222,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
} }
else if(renderable instanceof PIXI.TilingSprite) else if(renderable instanceof PIXI.TilingSprite)
{ {
if(renderable.visible)this.renderTilingSprite(renderable); if(renderable.visible)this.renderTilingSprite(renderable, projectionMatrix);
} }
else if(renderable instanceof PIXI.Strip) else if(renderable instanceof PIXI.Strip)
{ {
if(renderable.visible)this.renderStrip(renderable); if(renderable.visible)this.renderStrip(renderable, projectionMatrix);
}
else if(renderable instanceof PIXI.CustomRenderable)
{
if(renderable.visible) renderable.renderWebGL(this, projectionMatrix);
} }
} }
@ -209,6 +248,10 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
{ {
if(endBatch.visible)this.renderStrip(endBatch); if(endBatch.visible)this.renderStrip(endBatch);
} }
else if(endBatch instanceof PIXI.CustomRenderable)
{
if(endBatch.visible) endBatch.renderWebGL(this, projectionMatrix);
}
} }
PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible) PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
@ -246,7 +289,11 @@ PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, global
PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject) PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject)
{ {
// add a child to the render group.. // add a child to the render group..
displayObject.batch = null; if(displayObject.__renderGroup)displayObject.__renderGroup.removeDisplayObjectAndChildren(displayObject);
// DONT htink this is needed?
// displayObject.batch = null;
displayObject.__renderGroup = this; displayObject.__renderGroup = this;
//displayObject.cacheVisible = true; //displayObject.cacheVisible = true;
@ -495,6 +542,9 @@ PIXI.WebGLRenderGroup.prototype.getNextRenderable = function(displayObject)
// if it has no children.. // if it has no children..
if(nextSprite.children.length == 0) if(nextSprite.children.length == 0)
{ {
//maynot have a parent
if(!nextSprite.parent)return null;
// go along to the parent.. // go along to the parent..
while(nextSprite.childIndex == nextSprite.parent.children.length-1) while(nextSprite.childIndex == nextSprite.parent.children.length-1)
{ {
@ -533,7 +583,7 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
if(previousSprite.childIndex == 0) if(previousSprite.childIndex == 0)
{ {
previousSprite = previousSprite.parent; previousSprite = previousSprite.parent;
if(!previousSprite)return null;
} }
else else
{ {
@ -554,3 +604,201 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
return previousSprite; return previousSprite;
} }
/**
* @private
*/
PIXI.WebGLRenderGroup.prototype.initTilingSprite = function(sprite)
{
var gl = this.gl;
// make the texture tilable..
sprite.verticies = new Float32Array([0, 0,
sprite.width, 0,
sprite.width, sprite.height,
0, sprite.height]);
sprite.uvs = new Float32Array([0, 0,
1, 0,
1, 1,
0, 1]);
sprite.colors = new Float32Array([1,1,1,1]);
sprite.indices = new Uint16Array([0, 1, 3,2])//, 2]);
sprite._vertexBuffer = gl.createBuffer();
sprite._indexBuffer = gl.createBuffer();
sprite._uvBuffer = gl.createBuffer();
sprite._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.uvs, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
// return ( (x > 0) && ((x & (x - 1)) == 0) );
if(sprite.texture.baseTexture._glTexture)
{
gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
sprite.texture.baseTexture._powerOf2 = true;
}
else
{
sprite.texture.baseTexture._powerOf2 = true;
}
}
/**
* @private
*/
PIXI.WebGLRenderGroup.prototype.renderStrip = function(strip, projectionMatrix)
{
var gl = this.gl;
var shaderProgram = PIXI.shaderProgram;
// mat
var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
PIXI.mat4.transpose(mat4Real);
PIXI.mat4.multiply(projectionMatrix, mat4Real, mat4Real )
gl.uniformMatrix4fv(shaderProgram.mvMatrixUniform, false, mat4Real);
if(strip.blendMode == PIXI.blendModes.NORMAL)
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
}
else
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
}
if(!strip.dirty)
{
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
// update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
// dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
}
else
{
strip.dirty = false;
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
// update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
// dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
//console.log(gl.TRIANGLE_STRIP)
gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
gl.uniformMatrix4fv(shaderProgram.mvMatrixUniform, false, projectionMatrix);
}
/**
* @private
*/
PIXI.WebGLRenderGroup.prototype.renderTilingSprite = function(sprite, projectionMatrix)
{
var gl = this.gl;
var shaderProgram = PIXI.shaderProgram;
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
var offsetX = tilePosition.x/sprite.texture.baseTexture.width;
var offsetY = tilePosition.y/sprite.texture.baseTexture.height;
var scaleX = (sprite.width / sprite.texture.baseTexture.width) / tileScale.x;
var scaleY = (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
sprite.uvs[0] = 0 - offsetX;
sprite.uvs[1] = 0 - offsetY;
sprite.uvs[2] = (1 * scaleX) -offsetX;
sprite.uvs[3] = 0 - offsetY;
sprite.uvs[4] = (1 *scaleX) - offsetX;
sprite.uvs[5] = (1 *scaleY) - offsetY;
sprite.uvs[6] = 0 - offsetX;
sprite.uvs[7] = (1 *scaleY) - offsetY;
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
this.renderStrip(sprite, projectionMatrix);
}
/**
* @private
*/
PIXI.WebGLRenderer.prototype.initStrip = function(strip)
{
// build the strip!
var gl = this.gl;
var shaderProgram = this.shaderProgram;
strip._vertexBuffer = gl.createBuffer();
strip._indexBuffer = gl.createBuffer();
strip._uvBuffer = gl.createBuffer();
strip._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}

View file

@ -69,11 +69,10 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
gl.colorMask(true, true, true, this.transparent); gl.colorMask(true, true, true, this.transparent);
this.projectionMatrix = PIXI.mat4.create(); this.projectionMatrix = PIXI.mat4.create();
this.resize(this.width, this.height) this.resize(this.width, this.height);
this.contextLost = false; this.contextLost = false;
this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl); this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
} }
// constructor // constructor
@ -113,9 +112,9 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc); var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc);
var vertexShader = PIXI.CompileVertexShader(gl, PIXI.shaderVertexSrc); var vertexShader = PIXI.CompileVertexShader(gl, PIXI.shaderVertexSrc);
this.shaderProgram = gl.createProgram(); PIXI.shaderProgram = gl.createProgram();
var shaderProgram = this.shaderProgram; var shaderProgram = PIXI.shaderProgram;
gl.attachShader(shaderProgram, vertexShader); gl.attachShader(shaderProgram, vertexShader);
gl.attachShader(shaderProgram, fragmentShader); gl.attachShader(shaderProgram, fragmentShader);
@ -139,8 +138,6 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix"); shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler"); shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
PIXI.shaderProgram = this.shaderProgram;
} }
@ -158,27 +155,29 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
if(this.__stage !== stage) if(this.__stage !== stage)
{ {
// TODO make this work // TODO make this work
if(this.__stage)this.checkVisibility(this.__stage, false) // dont think this is needed any more?
//if(this.__stage)this.checkVisibility(this.__stage, false)
this.__stage = stage; this.__stage = stage;
this.stageRenderGroup.setRenderable(stage); this.stageRenderGroup.setRenderable(stage);
} }
// TODO not needed now...
// update children if need be // update children if need be
// best to remove first! // best to remove first!
for (var i=0; i < stage.__childrenRemoved.length; i++) /*for (var i=0; i < stage.__childrenRemoved.length; i++)
{ {
var group = stage.__childrenRemoved[i].__renderGroup var group = stage.__childrenRemoved[i].__renderGroup
if(group)group.removeDisplayObject(stage.__childrenRemoved[i]); if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
} }*/
// update any textures // update any textures
for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]); for (var i=0; i < PIXI.texturesToUpdate.length; i++) this.updateTexture(PIXI.texturesToUpdate[i]);
for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]); for (var i=0; i < PIXI.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
// empty out the arrays // empty out the arrays
stage.__childrenRemoved = []; //stage.__childrenRemoved = [];
stage.__childrenAdded = []; //stage.__childrenAdded = [];
PIXI.texturesToUpdate = []; PIXI.texturesToUpdate = [];
PIXI.texturesToDestroy = []; PIXI.texturesToDestroy = [];
@ -195,7 +194,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.viewport(0, 0, this.width, this.height); gl.viewport(0, 0, this.width, this.height);
// set the correct matrix.. // set the correct matrix..
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix); // gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
gl.bindFramebuffer(gl.FRAMEBUFFER, null); gl.bindFramebuffer(gl.FRAMEBUFFER, null);
@ -203,9 +202,8 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.clear(gl.COLOR_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT);
// render all the batchs!
this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit; this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
this.stageRenderGroup.render(); this.stageRenderGroup.render(this.projectionMatrix);
// interaction // interaction
// run interaction! // run interaction!
@ -254,8 +252,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
// reguler... // reguler...
//gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
//gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
if(!texture._powerOf2) if(!texture._powerOf2)
{ {
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
@ -267,7 +263,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
} }
// gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null); gl.bindTexture(gl.TEXTURE_2D, null);
} }
@ -285,8 +280,6 @@ PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
} }
} }
/** /**
* resizes the webGL view to the specified width and height * resizes the webGL view to the specified width and height
* @method resize * @method resize
@ -311,226 +304,6 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
projectionMatrix[13] = 1; projectionMatrix[13] = 1;
} }
/**
* @private
*/
PIXI.WebGLRenderer.prototype.initTilingSprite = function(sprite)
{
var gl = this.gl;
// make the texture tilable..
sprite.verticies = new Float32Array([0, 0,
sprite.width, 0,
sprite.width, sprite.height,
0, sprite.height]);
sprite.uvs = new Float32Array([0, 0,
1, 0,
1, 1,
0, 1]);
sprite.colors = new Float32Array([1,1,1,1]);
sprite.indices = new Uint16Array([0, 1, 3,2])//, 2]);
sprite._vertexBuffer = gl.createBuffer();
sprite._indexBuffer = gl.createBuffer();
sprite._uvBuffer = gl.createBuffer();
sprite._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.verticies, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.uvs, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, sprite.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, sprite._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, sprite.indices, gl.STATIC_DRAW);
// return ( (x > 0) && ((x & (x - 1)) == 0) );
if(sprite.texture.baseTexture._glTexture)
{
gl.bindTexture(gl.TEXTURE_2D, sprite.texture.baseTexture._glTexture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
sprite.texture.baseTexture._powerOf2 = true;
}
else
{
sprite.texture.baseTexture._powerOf2 = true;
}
/*
var context = this.context;
if(!sprite.__tilePattern) sprite.__tilePattern = context.createPattern(sprite.texture.baseTexture.source, "repeat");
context.beginPath();
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
// offset
context.scale(tileScale.x,tileScale.y);
context.translate(tilePosition.x, tilePosition.y);
context.fillStyle = sprite.__tilePattern;
context.fillRect(-tilePosition.x,-tilePosition.y,sprite.width / tileScale.x, sprite.height / tileScale.y);
context.translate(-tilePosition.x, -tilePosition.y);
context.scale(1/tileScale.x, 1/tileScale.y);
*/
}
/**
* @private
*/
PIXI.WebGLRenderer.prototype.renderTilingSprite = function(sprite)
{
var gl = this.gl;
var shaderProgram = this.shaderProgram;
var tilePosition = sprite.tilePosition;
var tileScale = sprite.tileScale;
var offsetX = tilePosition.x/sprite.texture.baseTexture.width;
var offsetY = tilePosition.y/sprite.texture.baseTexture.height;
var scaleX = (sprite.width / sprite.texture.baseTexture.width) / tileScale.x;
var scaleY = (sprite.height / sprite.texture.baseTexture.height) / tileScale.y;
sprite.uvs[0] = 0 - offsetX;
sprite.uvs[1] = 0 - offsetY;
sprite.uvs[2] = (1 * scaleX) -offsetX;
sprite.uvs[3] = 0 - offsetY;
sprite.uvs[4] = (1 *scaleX) - offsetX;
sprite.uvs[5] = (1 *scaleY) - offsetY;
sprite.uvs[6] = 0 - offsetX;
sprite.uvs[7] = (1 *scaleY) - offsetY;
gl.bindBuffer(gl.ARRAY_BUFFER, sprite._uvBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, sprite.uvs)
this.renderStrip(sprite);
}
/**
* @private
*/
PIXI.WebGLRenderer.prototype.initStrip = function(strip)
{
// build the strip!
var gl = this.gl;
var shaderProgram = this.shaderProgram;
strip._vertexBuffer = gl.createBuffer();
strip._indexBuffer = gl.createBuffer();
strip._uvBuffer = gl.createBuffer();
strip._colorBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.DYNAMIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW);
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
/**
* @private
*/
PIXI.WebGLRenderer.prototype.renderStrip = function(strip)
{
var gl = this.gl;
var shaderProgram = this.shaderProgram;
// mat
var mat4Real = PIXI.mat3.toMat4(strip.worldTransform);
PIXI.mat4.transpose(mat4Real);
PIXI.mat4.multiply(this.projectionMatrix, mat4Real, mat4Real )
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, mat4Real);
if(strip.blendMode == PIXI.blendModes.NORMAL)
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
}
else
{
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
}
if(!strip.dirty)
{
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, strip.verticies)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
// update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
// dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
}
else
{
strip.dirty = false;
gl.bindBuffer(gl.ARRAY_BUFFER, strip._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.verticies, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 2, gl.FLOAT, false, 0, 0);
// update the uvs
gl.bindBuffer(gl.ARRAY_BUFFER, strip._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.uvs, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.textureCoordAttribute, 2, gl.FLOAT, false, 0, 0);
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, strip.texture.baseTexture._glTexture);
gl.bindBuffer(gl.ARRAY_BUFFER, strip._colorBuffer);
gl.bufferData(gl.ARRAY_BUFFER, strip.colors, gl.STATIC_DRAW)
gl.vertexAttribPointer(shaderProgram.colorAttribute, 1, gl.FLOAT, false, 0, 0);
// dont need to upload!
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, strip._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, strip.indices, gl.STATIC_DRAW);
}
//console.log(gl.TRIANGLE_STRIP)
gl.drawElements(gl.TRIANGLE_STRIP, strip.indices.length, gl.UNSIGNED_SHORT, 0);
gl.uniformMatrix4fv(this.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
// console.log("!!!")
}
/** /**
* @private * @private
*/ */

View file

@ -14,8 +14,8 @@ PIXI.RenderTexture = function(width, height)
{ {
PIXI.EventTarget.call( this ); PIXI.EventTarget.call( this );
this.width = width; this.width = width || 100;
this.height = height; this.height = height || 100;
this.indetityMatrix = PIXI.mat3.create(); this.indetityMatrix = PIXI.mat3.create();
@ -110,39 +110,35 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, clear)
gl.clear(gl.COLOR_BUFFER_BIT); gl.clear(gl.COLOR_BUFFER_BIT);
} }
// set the flipped matrix..
gl.uniformMatrix4fv(renderer.shaderProgram.mvMatrixUniform, false, this.projectionMatrix);
// THIS WILL MESS WITH HIT TESTING! // THIS WILL MESS WITH HIT TESTING!
var children = displayObject.children; var children = displayObject.children;
//TODO -? create a new one??? dont think so! //TODO -? create a new one??? dont think so!
displayObject.worldTransform = this.indetityMatrix; displayObject.worldTransform = PIXI.mat3.create();//sthis.indetityMatrix;
for(var i=0,j=children.length; i<j; i++) for(var i=0,j=children.length; i<j; i++)
{ {
children[i].updateTransform(); children[i].updateTransform();
} }
var renderGroup = displayObject.__renderGroup ; var renderGroup = displayObject.__renderGroup;
if(renderGroup) if(renderGroup)
{ {
if(displayObject == renderGroup.root) if(displayObject == renderGroup.root)
{ {
renderGroup.render(); renderGroup.render(this.projectionMatrix);
} }
else else
{ {
renderGroup.renderSpecific(displayObject); renderGroup.renderSpecific(displayObject, this.projectionMatrix);
} }
} }
else else
{ {
if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl); if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
this.renderGroup.setRenderable(displayObject); this.renderGroup.setRenderable(displayObject);
this.renderGroup.render(this.projectionMatrix);
this.renderGroup.render();
} }
} }
@ -151,13 +147,13 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, clear)
{ {
var children = displayObject.children; var children = displayObject.children;
displayObject.worldTransform = this.indetityMatrix; displayObject.worldTransform = PIXI.mat3.create();
for(var i=0,j=children.length; i<j; i++) for(var i=0,j=children.length; i<j; i++)
{ {
children[i].updateTransform(); children[i].updateTransform();
} }
if(clear)this.renderer.context.clearRect(0,0, this.width, this.height); if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
this.renderer.renderDisplayObject(displayObject); this.renderer.renderDisplayObject(displayObject);