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/Rope.js',
'<%= dirs.src %>/extras/TilingSprite.js',
'<%= dirs.src %>/extras/CustomRenderable.js',
'<%= dirs.src %>/textures/BaseTexture.js',
'<%= dirs.src %>/textures/Texture.js',
'<%= dirs.src %>/textures/RenderTexture.js',
@ -109,7 +110,8 @@ module.exports = function(grunt) {
'examples/example 7 - Transparent Background',
'examples/example 8 - Dragging',
'examples/example 9 - Tiling Texture',
'examples/example 10 - Text'
'examples/example 10 - Text',
'examples/example 11 - RenderTexture'
]
},
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",
"BitmapText",
"CanvasRenderer",
"CustomRenderable",
"DisplayObject",
"DisplayObjectContainer",
"ImageLoader",

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -154,9 +156,9 @@
<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
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>
</div>
@ -178,7 +180,7 @@ http://www.bmglyph.com/ for mac.</p>
<li class="arg">
<code class="optional">[style]</code>
<code>style</code>
</li>
@ -248,9 +250,8 @@ http://www.bmglyph.com/ for mac.</p>
<li class="param">
<code class="param-name optional">[style]</code>
<code class="param-name">style</code>
<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">
<code class="param-name optional">[font]</code>
<code class="param-name">font</code>
<span class="type">String</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
<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>
@ -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 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>
@ -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>
@ -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>
@ -807,7 +814,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description">
</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>
@ -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>
@ -975,7 +982,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description">
</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>
@ -1059,7 +1066,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description">
</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>
@ -1143,7 +1150,7 @@ http://www.bmglyph.com/ for mac.</p>
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1313,7 +1320,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1481,7 +1488,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</div>
@ -1506,7 +1513,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<li class="arg">
<code class="optional">[style]</code>
<code>style</code>
</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>
@ -1561,9 +1568,8 @@ for this callback to be fired, The touch must have started over the displayObjec
<li class="param">
<code class="param-name optional">[style]</code>
<code class="param-name">style</code>
<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">
<code class="param-name">font</code>
<span class="type">Object</span>
<span class="type">String</span>
<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>
@ -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>
@ -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>
@ -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>
@ -1790,7 +1883,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1874,7 +1967,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1959,7 +2052,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2043,7 +2136,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>

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/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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -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>
@ -1077,7 +1079,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -1164,7 +1166,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -1252,7 +1254,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1339,7 +1341,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1427,7 +1429,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -1514,7 +1516,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>
@ -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>
@ -716,7 +718,7 @@
<div class="param-description">
</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>
@ -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>
@ -887,7 +889,7 @@
<div class="param-description">
</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>
@ -971,7 +973,7 @@
<div class="param-description">
</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>
@ -1055,7 +1057,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1225,7 +1227,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1396,7 +1398,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1589,7 +1591,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1673,7 +1675,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1758,7 +1760,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -1842,7 +1844,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -134,7 +136,7 @@
<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>
@ -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>
@ -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>
@ -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>
@ -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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>
@ -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>
@ -855,7 +857,7 @@
<div class="param-description">
</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>
@ -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>
@ -1197,7 +1199,7 @@
<div class="param-description">
</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>
@ -1281,7 +1283,7 @@
<div class="param-description">
</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>
@ -1365,7 +1367,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1535,7 +1537,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1757,7 +1759,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -2085,7 +2087,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2169,7 +2171,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2254,7 +2256,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2338,7 +2340,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>
@ -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>
@ -803,7 +805,7 @@
<div class="param-description">
</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>
@ -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>
@ -1185,7 +1187,7 @@
<div class="param-description">
</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>
@ -1269,7 +1271,7 @@
<div class="param-description">
</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>
@ -1353,7 +1355,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1523,7 +1525,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1691,7 +1693,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1968,7 +1970,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2052,7 +2054,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2137,7 +2139,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2221,7 +2223,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>
@ -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>
@ -785,7 +787,7 @@
<div class="param-description">
</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>
@ -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>
@ -1024,7 +1026,7 @@
<div class="param-description">
</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>
@ -1108,7 +1110,7 @@
<div class="param-description">
</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>
@ -1192,7 +1194,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1362,7 +1364,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1617,7 +1619,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1807,7 +1809,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1891,7 +1893,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1976,7 +1978,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2060,7 +2062,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>
@ -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>
@ -888,7 +890,7 @@
<div class="param-description">
</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>
@ -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>
@ -1056,7 +1058,7 @@
<div class="param-description">
</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>
@ -1140,7 +1142,7 @@
<div class="param-description">
</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>
@ -1224,7 +1226,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1394,7 +1396,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1562,7 +1564,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -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>
@ -2005,7 +2007,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2089,7 +2091,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -2174,7 +2176,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2258,7 +2260,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -508,7 +510,7 @@
</li>
<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>
@ -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>
@ -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>
@ -799,7 +801,7 @@
<div class="param-description">
</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>
@ -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>
@ -967,7 +969,7 @@
<div class="param-description">
</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>
@ -1051,7 +1053,7 @@
<div class="param-description">
</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>
@ -1135,7 +1137,7 @@
<div class="param-description">
</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>
@ -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>
@ -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>
@ -1305,7 +1307,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1473,7 +1475,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<div class="param-description">
</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>
@ -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>
@ -1663,7 +1665,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1747,7 +1749,7 @@ basically a touch version of click</p>
<div class="param-description">
</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>
@ -1832,7 +1834,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -1916,7 +1918,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<div class="param-description">
</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>
@ -2351,8 +2353,8 @@ Setting it is a neat way of optimising the hitTest function that the interaction
</div>
<div id="property_tileScale" class="property item">
<h3 class="name"><code>tileScale</code></h3>
<div id="property_tilePosition" class="property item">
<h3 class="name"><code>tilePosition</code></h3>
<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/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>

View file

@ -51,6 +51,8 @@
<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>
@ -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>
@ -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>

View file

@ -7,6 +7,15 @@
"logo": "http://www.goodboydigital.com/pixijs/logo_small.png"
},
"files": {
"src/pixi/extras/CustomRenderable.js": {
"name": "src/pixi/extras/CustomRenderable.js",
"modules": {},
"classes": {
"CustomRenderable": 1
},
"fors": {},
"namespaces": {}
},
"src/pixi/extras/Rope.js": {
"name": "src/pixi/extras/Rope.js",
"modules": {},
@ -275,6 +284,7 @@
"name": "PIXI",
"submodules": {},
"classes": {
"CustomRenderable": 1,
"TilingSprite": 1,
"AssetLoader": 1,
"BitmapFontLoader": 1,
@ -306,6 +316,21 @@
}
},
"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": {
"name": "TilingSprite",
"shortname": "TilingSprite",
@ -549,7 +574,7 @@
"module": "PIXI",
"file": "src/pixi/text/BitmapText.js",
"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",
"is_constructor": 1,
"params": [
@ -562,13 +587,11 @@
"name": "style",
"description": "The style parameters",
"type": "Object",
"optional": true,
"props": [
{
"name": "font",
"description": "default is \"20pt Arial\" The size and bitmap font id (must have loaded previously)",
"type": "String",
"optional": true
"description": "The size (optional) and bitmap font id (required) eq \"Arial\" or \"20px Arial\" (must have loaded previously)",
"type": "String"
},
{
"name": "align",
@ -781,7 +804,7 @@
"extension_for": [],
"module": "PIXI",
"file": "src/pixi/InteractionManager.js",
"line": 515,
"line": 506,
"is_constructor": 1
},
"MovieClip": {
@ -923,6 +946,12 @@
}
},
"classitems": [
{
"file": "src/pixi/extras/CustomRenderable.js",
"line": 1,
"author": "Mat Groves http://matgroves.com/ @Doormat23",
"class": "CustomRenderable"
},
{
"file": "src/pixi/extras/Rope.js",
"line": 1,
@ -955,7 +984,7 @@
"line": 29,
"description": "The offset position of the image that is being tiled",
"itemtype": "property",
"name": "tileScale",
"name": "tilePosition",
"type": "Point",
"class": "TilingSprite"
},
@ -1164,21 +1193,21 @@
},
{
"file": "src/pixi/renderers/CanvasRenderer.js",
"line": 205,
"line": 210,
"access": "private",
"tagname": "",
"class": "CanvasRenderer"
},
{
"file": "src/pixi/renderers/CanvasRenderer.js",
"line": 240,
"line": 245,
"access": "private",
"tagname": "",
"class": "CanvasRenderer"
},
{
"file": "src/pixi/renderers/CanvasRenderer.js",
"line": 269,
"line": 274,
"access": "private",
"tagname": "",
"class": "CanvasRenderer"
@ -1359,7 +1388,35 @@
},
{
"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",
"tagname": "",
"class": "WebGLBatch"
@ -1372,28 +1429,28 @@
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 82,
"line": 81,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 97,
"line": 96,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 107,
"line": 106,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 147,
"line": 144,
"description": "Renders the stage to its webGL view",
"itemtype": "method",
"name": "render",
@ -1408,14 +1465,14 @@
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 234,
"line": 232,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 290,
"line": 283,
"description": "resizes the webGL view to the specified width and height",
"itemtype": "method",
"name": "resize",
@ -1435,42 +1492,14 @@
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 315,
"line": 307,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
},
{
"file": "src/pixi/renderers/WebGLRenderer.js",
"line": 392,
"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,
"line": 316,
"access": "private",
"tagname": "",
"class": "WebGLRenderer"
@ -1489,9 +1518,10 @@
},
{
"file": "src/pixi/text/BitmapText.js",
"line": 34,
"line": 33,
"description": "Set the copy for the text object",
"methos": "setText",
"itemtype": "method",
"name": "setText",
"params": [
{
"name": "text",
@ -1503,7 +1533,7 @@
},
{
"file": "src/pixi/text/BitmapText.js",
"line": 45,
"line": 44,
"description": "Set the style of the text",
"itemtype": "method",
"name": "setStyle",
@ -1512,12 +1542,11 @@
"name": "style",
"description": "The style parameters",
"type": "Object",
"optional": true,
"props": [
{
"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",
"type": "Object"
"description": "The size (optional) and bitmap font id (required) eq \"Arial\" or \"20px Arial\" (must have loaded previously)",
"type": "String"
},
{
"name": "align",
@ -1533,7 +1562,7 @@
},
{
"file": "src/pixi/text/BitmapText.js",
"line": 65,
"line": 64,
"description": "Renders text",
"access": "private",
"tagname": "",
@ -1541,7 +1570,7 @@
},
{
"file": "src/pixi/text/BitmapText.js",
"line": 138,
"line": 137,
"access": "private",
"tagname": "",
"class": "BitmapText"
@ -1554,7 +1583,7 @@
},
{
"file": "src/pixi/text/Text.js",
"line": 34,
"line": 35,
"description": "Set the style of the text",
"itemtype": "method",
"name": "setStyle",
@ -1604,7 +1633,7 @@
},
{
"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\"",
"methos": "setText",
"params": [
@ -1618,7 +1647,7 @@
},
{
"file": "src/pixi/text/Text.js",
"line": 66,
"line": 67,
"description": "Renders text",
"access": "private",
"tagname": "",
@ -1626,7 +1655,7 @@
},
{
"file": "src/pixi/text/Text.js",
"line": 129,
"line": 130,
"description": "Updates texture size based on canvas size",
"access": "private",
"tagname": "",
@ -1634,7 +1663,7 @@
},
{
"file": "src/pixi/text/Text.js",
"line": 143,
"line": 148,
"access": "private",
"tagname": "",
"class": "Text"
@ -1998,7 +2027,7 @@
},
{
"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",
"itemtype": "property",
"name": "buttonMode",
@ -2007,7 +2036,7 @@
},
{
"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",
"itemtype": "method",
"name": "click",
@ -2022,7 +2051,7 @@
},
{
"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",
"itemtype": "method",
"name": "mousedown",
@ -2037,7 +2066,7 @@
},
{
"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",
"itemtype": "method",
"name": "mouseup",
@ -2052,7 +2081,7 @@
},
{
"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",
"itemtype": "method",
"name": "mouseupoutside",
@ -2067,7 +2096,7 @@
},
{
"file": "src/pixi/DisplayObject.js",
"line": 130,
"line": 132,
"description": "A callback that is used when the users mouse rolls over the displayObject",
"itemtype": "method",
"name": "mouseover",
@ -2082,7 +2111,7 @@
},
{
"file": "src/pixi/DisplayObject.js",
"line": 136,
"line": 138,
"description": "A callback that is used when the users mouse leaves the displayObject",
"itemtype": "method",
"name": "mouseout",
@ -2097,7 +2126,7 @@
},
{
"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",
"itemtype": "method",
"name": "tap",
@ -2112,7 +2141,7 @@
},
{
"file": "src/pixi/DisplayObject.js",
"line": 154,
"line": 156,
"description": "A callback that is used when the user touch's over the displayObject",
"itemtype": "method",
"name": "touchstart",
@ -2127,7 +2156,7 @@
},
{
"file": "src/pixi/DisplayObject.js",
"line": 160,
"line": 162,
"description": "A callback that is used when the user releases a touch over the displayObject",
"itemtype": "method",
"name": "touchend",
@ -2142,7 +2171,7 @@
},
{
"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",
"itemtype": "method",
"name": "touchendoutside",
@ -2157,7 +2186,7 @@
},
{
"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",
"itemtype": "method",
"name": "setInteractive",
@ -2172,7 +2201,7 @@
},
{
"file": "src/pixi/DisplayObject.js",
"line": 191,
"line": 204,
"access": "private",
"tagname": "",
"class": "DisplayObject"
@ -2194,7 +2223,7 @@
},
{
"file": "src/pixi/DisplayObjectContainer.js",
"line": 29,
"line": 41,
"description": "Adds a child to the container.",
"itemtype": "method",
"name": "addChild",
@ -2209,7 +2238,7 @@
},
{
"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",
"itemtype": "method",
"name": "addChildAt",
@ -2229,7 +2258,7 @@
},
{
"file": "src/pixi/DisplayObjectContainer.js",
"line": 113,
"line": 128,
"description": "Swaps the depth of 2 displayObjects",
"itemtype": "method",
"name": "swapChildren",
@ -2249,7 +2278,7 @@
},
{
"file": "src/pixi/DisplayObjectContainer.js",
"line": 153,
"line": 168,
"description": "Returns the Child at the specified index",
"itemtype": "method",
"name": "getChildAt",
@ -2264,7 +2293,7 @@
},
{
"file": "src/pixi/DisplayObjectContainer.js",
"line": 171,
"line": 186,
"description": "Removes a child from the container.",
"itemtype": "method",
"name": "removeChild",
@ -2279,7 +2308,7 @@
},
{
"file": "src/pixi/DisplayObjectContainer.js",
"line": 211,
"line": 226,
"access": "private",
"tagname": "",
"class": "DisplayObjectContainer"
@ -2319,7 +2348,7 @@
},
{
"file": "src/pixi/InteractionManager.js",
"line": 521,
"line": 512,
"description": "This point stores the global coords of where the touch/mouse event happened",
"itemtype": "property",
"name": "global",
@ -2328,7 +2357,7 @@
},
{
"file": "src/pixi/InteractionManager.js",
"line": 531,
"line": 522,
"description": "The target Sprite that was interacted with",
"itemtype": "property",
"name": "target",
@ -2337,7 +2366,7 @@
},
{
"file": "src/pixi/InteractionManager.js",
"line": 539,
"line": 530,
"description": "This will return the local coords of the specified displayObject for this InteractionData",
"itemtype": "method",
"name": "getLocalPosition",
@ -2747,16 +2776,16 @@
},
{
"message": "unknown tag: methos",
"line": " src/pixi/text/BitmapText.js:34"
},
{
"message": "unknown tag: methos",
"line": " src/pixi/text/Text.js:55"
"line": " src/pixi/text/Text.js:56"
},
{
"message": "unknown tag: internal",
"line": " src/pixi/Stage.js:38"
},
{
"message": "Missing item type",
"line": " src/pixi/extras/CustomRenderable.js:1"
},
{
"message": "Missing item type",
"line": " src/pixi/extras/Rope.js:1"
@ -2839,15 +2868,15 @@
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:205"
"line": " src/pixi/renderers/CanvasRenderer.js:210"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:240"
"line": " src/pixi/renderers/CanvasRenderer.js:245"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/CanvasRenderer.js:269"
"line": " src/pixi/renderers/CanvasRenderer.js:274"
},
{
"message": "Missing item type",
@ -2879,7 +2908,23 @@
},
{
"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",
@ -2887,43 +2932,27 @@
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:82"
"line": " src/pixi/renderers/WebGLRenderer.js:81"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:97"
"line": " src/pixi/renderers/WebGLRenderer.js:96"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:107"
"line": " src/pixi/renderers/WebGLRenderer.js:106"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:234"
"line": " src/pixi/renderers/WebGLRenderer.js:232"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:315"
"line": " src/pixi/renderers/WebGLRenderer.js:307"
},
{
"message": "Missing item type",
"line": " src/pixi/renderers/WebGLRenderer.js:392"
},
{
"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"
"line": " src/pixi/renderers/WebGLRenderer.js:316"
},
{
"message": "Missing item type",
@ -2933,17 +2962,13 @@
"message": "Missing item type",
"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",
"line": " src/pixi/text/BitmapText.js:65"
"line": " src/pixi/text/BitmapText.js:64"
},
{
"message": "Missing item type",
"line": " src/pixi/text/BitmapText.js:138"
"line": " src/pixi/text/BitmapText.js:137"
},
{
"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\"",
"line": " src/pixi/text/Text.js:55"
"line": " src/pixi/text/Text.js:56"
},
{
"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",
"line": " src/pixi/text/Text.js:129"
"line": " src/pixi/text/Text.js:130"
},
{
"message": "Missing item type",
"line": " src/pixi/text/Text.js:143"
"line": " src/pixi/text/Text.js:148"
},
{
"message": "Missing item type",
@ -2999,7 +3024,7 @@
},
{
"message": "Missing item type",
"line": " src/pixi/DisplayObject.js:191"
"line": " src/pixi/DisplayObject.js:204"
},
{
"message": "Missing item type",
@ -3007,7 +3032,7 @@
},
{
"message": "Missing item type",
"line": " src/pixi/DisplayObjectContainer.js:211"
"line": " src/pixi/DisplayObjectContainer.js:226"
},
{
"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/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>
@ -217,6 +219,8 @@ PIXI.DisplayObject = function()
this._sr = 0;
this._cr = 1;
this.childIndex = 0;
this.renderable = false;
&#x2F;&#x2F; [readonly] best not to toggle directly! use setInteractive()
@ -306,6 +310,17 @@ PIXI.DisplayObject = function()
&#x2F;&#x2F; constructor
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;**
* Indicates if the sprite will have touch and mouse interactivity. It is false by default
* @method setInteractive

View file

@ -51,6 +51,8 @@
<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>
@ -158,6 +160,18 @@ PIXI.DisplayObjectContainer = function()
PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
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;**
* Adds a child to the container.
* @method addChild
@ -228,9 +242,12 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
this.stage.__addChild(child);
}
&#x2F;&#x2F; little webGL!
&#x2F;&#x2F; need to remove any render groups..
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);
}
}
@ -315,10 +332,10 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
{
this.stage.__removeChild(child);
}
&#x2F;&#x2F; console.log(child.__renderGroup);
&#x2F;&#x2F; webGL trim
if(child.__renderGroup)
{
&#x2F;&#x2F; console.log(&quot;&gt;?&quot;)
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/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>
@ -230,23 +232,16 @@ PIXI.InteractionManager.prototype.setTarget = function(target)
&#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);
{
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);
target.view.addEventListener(&quot;touchend&quot;, this.onTouchEnd.bind(this), true);
target.view.addEventListener(&quot;touchmove&quot;, this.onTouchMove.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()
@ -360,9 +355,7 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
&#x2F;&#x2F; loop through inteaction tree...
&#x2F;&#x2F; hit test each item! -&gt;
&#x2F;&#x2F; ---&gt;---&gt;---&gt;---&gt;
&#x2F;&#x2F; get interactive items under point??
&#x2F;&#x2F; ---&gt;---&gt;---&gt;---&gt;
&#x2F;&#x2F;stage.__i
var length = this.interactiveItems.length;
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/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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -162,7 +164,7 @@ PIXI.Point = function(x, y)
* @method clone
* @return a copy of the point
*&#x2F;
PIXI.Point.clone = function()
PIXI.Point.prototype.clone = function()
{
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/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>
@ -178,7 +180,7 @@ PIXI.Rectangle = function(x, y, width, height)
* @method clone
* @return a copy of the rectangle
*&#x2F;
PIXI.Rectangle.clone = function()
PIXI.Rectangle.prototype.clone = function()
{
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/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>

View file

@ -51,6 +51,8 @@
<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>

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/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>

View file

@ -51,6 +51,8 @@
<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>

View file

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

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -204,8 +206,8 @@ PIXI.CanvasRenderer.prototype.render = function(stage)
{
&#x2F;&#x2F; update children if need be
stage.__childrenAdded = [];
stage.__childrenRemoved = [];
&#x2F;&#x2F;stage.__childrenAdded = [];
&#x2F;&#x2F;stage.__childrenRemoved = [];
&#x2F;&#x2F; update textures if need be
PIXI.texturesToUpdate = [];
@ -256,6 +258,7 @@ PIXI.CanvasRenderer.prototype.resize = function(width, height)
&#x2F;**
* @private
*&#x2F;
PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
{
var transform = displayObject.worldTransform;
@ -296,7 +299,7 @@ PIXI.CanvasRenderer.prototype.renderDisplayObject = function(displayObject)
}
else
{*&#x2F;
blit = false;
&#x2F;&#x2F; blit = false;
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
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])
this.renderTilingSprite(displayObject);
}
else if(displayObject instanceof PIXI.CustomRenderable)
{
displayObject.renderCanvas(this);
}
&#x2F;&#x2F; render!
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/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>

View file

@ -51,6 +51,8 @@
<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>
@ -163,7 +165,9 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
&#x2F;&#x2F; has this changed??
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
this.root = displayObject;
&#x2F;&#x2F;displayObject.__renderGroup = this;
@ -171,11 +175,14 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
&#x2F;&#x2F;displayObject
}
PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
PIXI.WebGLRenderGroup.prototype.render = function(projectionMatrix)
{
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++)
{
this.removeDisplayObjectAndChildren(this.toRemove[i]);
@ -196,20 +203,21 @@ PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
}
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)
{
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;
this.checkVisibility(displayObject, displayObject.visible);
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
&#x2F;&#x2F;console.log(&quot;SPECIFIC&quot;);
@ -290,6 +298,31 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
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!
startBatchIndex = this.batchs.indexOf(startBatch);
endBatchIndex = this.batchs.indexOf(endBatch);
@ -301,11 +334,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
}
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)
{
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..
@ -319,11 +356,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
}
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)
{
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);
}
else if(endBatch instanceof PIXI.CustomRenderable)
{
if(endBatch.visible) endBatch.renderWebGL(this, projectionMatrix);
}
}
PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
@ -378,7 +423,11 @@ PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, global
PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject)
{
&#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;
&#x2F;&#x2F;displayObject.cacheVisible = true;
@ -627,6 +676,9 @@ PIXI.WebGLRenderGroup.prototype.getNextRenderable = function(displayObject)
&#x2F;&#x2F; if it has no children..
if(nextSprite.children.length == 0)
{
&#x2F;&#x2F;maynot have a parent
if(!nextSprite.parent)return null;
&#x2F;&#x2F; go along to the parent..
while(nextSprite.childIndex == nextSprite.parent.children.length-1)
{
@ -665,7 +717,7 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
if(previousSprite.childIndex == 0)
{
previousSprite = previousSprite.parent;
if(!previousSprite)return null;
}
else
{
@ -686,6 +738,204 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
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>
</div>

View file

@ -51,6 +51,8 @@
<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>
@ -201,11 +203,10 @@ PIXI.WebGLRenderer = function(width, height, view, transparent)
gl.colorMask(true, true, true, this.transparent);
this.projectionMatrix = PIXI.mat4.create();
this.resize(this.width, this.height)
this.resize(this.width, this.height);
this.contextLost = false;
this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
}
&#x2F;&#x2F; constructor
@ -245,9 +246,9 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc);
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, fragmentShader);
@ -271,8 +272,6 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, &quot;uMVMatrix&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)
{
&#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.stageRenderGroup.setRenderable(stage);
}
&#x2F;&#x2F; TODO not needed now...
&#x2F;&#x2F; update children if need be
&#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
if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
}
}*&#x2F;
&#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.texturesToDestroy.length; i++) this.destroyTexture(PIXI.texturesToDestroy[i]);
&#x2F;&#x2F; empty out the arrays
stage.__childrenRemoved = [];
stage.__childrenAdded = [];
&#x2F;&#x2F;stage.__childrenRemoved = [];
&#x2F;&#x2F;stage.__childrenAdded = [];
PIXI.texturesToUpdate = [];
PIXI.texturesToDestroy = [];
@ -327,7 +328,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.viewport(0, 0, this.width, this.height);
&#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);
@ -335,9 +336,8 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.clear(gl.COLOR_BUFFER_BIT);
&#x2F;&#x2F; render all the batchs!
this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
this.stageRenderGroup.render();
this.stageRenderGroup.render(this.projectionMatrix);
&#x2F;&#x2F; interaction
&#x2F;&#x2F; run interaction!
@ -386,8 +386,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
&#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)
{
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);
}
&#x2F;&#x2F; gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null);
}
@ -417,8 +414,6 @@ PIXI.WebGLRenderer.prototype.destroyTexture = function(texture)
}
}
&#x2F;**
* resizes the webGL view to the specified width and height
* @method resize
@ -443,226 +438,6 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
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;**
* @private
*&#x2F;

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -135,19 +137,18 @@
*&#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
* 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.
* @class BitmapText
* @extends DisplayObjectContainer
* @constructor
* @param {String} text The copy that you would like the text to display
* @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 {Object} style The style parameters
* @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;)
*&#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.DisplayObjectContainer.call(this);
@ -165,7 +166,7 @@ PIXI.BitmapText.prototype = Object.create(PIXI.DisplayObjectContainer.prototype)
&#x2F;**
* Set the copy for the text object
* @methos setText
* @method setText
* @param {String} text The copy that you would like the text to display
*&#x2F;
PIXI.BitmapText.prototype.setText = function(text)
@ -177,8 +178,8 @@ PIXI.BitmapText.prototype.setText = function(text)
&#x2F;**
* Set the style of the text
* @method setStyle
* @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 {Object} style The style parameters
* @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;)
*&#x2F;
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++)
{
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);
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/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>
@ -155,8 +157,9 @@ PIXI.Text = function(text, style)
this.setText(text);
this.setStyle(style);
&#x2F;&#x2F;this.updateText();
this.dirty = true;
this.updateText();
this.dirty = false;
};
&#x2F;&#x2F; constructor
@ -204,7 +207,7 @@ PIXI.Text.prototype.updateText = function()
this.context.font = this.style.font;
&#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
var lineWidths = [];
@ -269,6 +272,10 @@ PIXI.Text.prototype.updateTexture = function()
this.texture.baseTexture.height = this.canvas.height;
this.texture.frame.width = this.canvas.width;
this.texture.frame.height = this.canvas.height;
this._width = this.canvas.width;
this._height = this.canvas.height;
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/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>

View file

@ -51,6 +51,8 @@
<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>
@ -146,8 +148,8 @@ PIXI.RenderTexture = function(width, height)
{
PIXI.EventTarget.call( this );
this.width = width;
this.height = height;
this.width = width || 100;
this.height = height || 100;
this.indetityMatrix = PIXI.mat3.create();
@ -242,39 +244,35 @@ PIXI.RenderTexture.prototype.renderWebGL = function(displayObject, clear)
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!
var children = displayObject.children;
&#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++)
{
children[i].updateTransform();
}
var renderGroup = displayObject.__renderGroup ;
var renderGroup = displayObject.__renderGroup;
if(renderGroup)
{
if(displayObject == renderGroup.root)
{
renderGroup.render();
renderGroup.render(this.projectionMatrix);
}
else
{
renderGroup.renderSpecific(displayObject);
renderGroup.renderSpecific(displayObject, this.projectionMatrix);
}
}
else
{
if(!this.renderGroup)this.renderGroup = new PIXI.WebGLRenderGroup(gl);
this.renderGroup.setRenderable(displayObject);
this.renderGroup.render();
this.renderGroup.render(this.projectionMatrix);
}
}
@ -283,13 +281,13 @@ PIXI.RenderTexture.prototype.renderCanvas = function(displayObject, clear)
{
var children = displayObject.children;
displayObject.worldTransform = this.indetityMatrix;
displayObject.worldTransform = PIXI.mat3.create();
for(var i=0,j=children.length; i&lt;j; i++)
{
children[i].updateTransform();
}
if(clear)this.renderer.context.clearRect(0,0, this.width, this.height);
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/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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>

View file

@ -51,6 +51,8 @@
<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>
@ -186,6 +188,12 @@
</a>
</li>
<li class="module-class">
<a href="..&#x2F;classes/CustomRenderable.html">
CustomRenderable
</a>
</li>
<li class="module-class">
<a href="..&#x2F;classes/DisplayObject.html">
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>
<html>
<head>
<title>pixi.js example 10 using a movieclip</title>
<title>pixi.js example 3 using a movieclip</title>
<style>
body {
margin: 0;
@ -10,13 +10,6 @@
}
</style>
<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>
<body>
<script>
@ -40,7 +33,7 @@
var count = 0;
// 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.
renderer = PIXI.autoDetectRenderer(800, 600);
@ -48,27 +41,6 @@
// add the renderer view element to the DOM
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()
{
// create an array to store the textures
@ -80,125 +52,40 @@
explosionTextures.push(texture);
};
// explosionTextures.push(PIXI.Texture.fromImage("button_test_BG.png"));
// create a texture from an image path
// add a bunch of aliens
for (var i = 0; i < 150; i++)
for (var i = 0; i < 50; i++)
{
// create an explosion MovieClip
var explosion = new PIXI.MovieClip(explosionTextures);
//if(i % 2)
{
explosion = new PIXI.MovieClip([PIXI.Texture.fromImage("button_test_BG.png")]);
container2.addChild(explosion);
}
// else
{
// container.addChild(explosion);
}
explosion.position.x = Math.random() * 800;
explosion.position.y = Math.random() * 600;
explosion.anchor.x = 0.5;
explosion.anchor.y = 0.5;
explosion.position.x = Math.random() * 800;
explosion.position.y =Math.random() * 600;
// 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 = 0.75 + Math.random() * 0.5
//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.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);
}
stage.addChild(explosion);
}
//∆∆container2.addChild();
stage.addChild(sprite);
sprite.alpha = 1
sprite.position.x = 300;
sprite.position.y = 300;
// start animating
requestAnimFrame( animate );
//container.alpha = 0.5
}
bloop= true;
function animate() {
//sprite.rotation += 0.01;
// console.log(stage.children)
requestAnimFrame( animate );
//stage.children[2]);
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>
</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._cr = 1;
this.childIndex = 0;
this.renderable = false;
// [readonly] best not to toggle directly! use setInteractive()
@ -174,6 +176,17 @@ PIXI.DisplayObject = function()
// constructor
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
* @method setInteractive

View file

@ -26,6 +26,18 @@ PIXI.DisplayObjectContainer = function()
PIXI.DisplayObjectContainer.constructor = PIXI.DisplayObjectContainer;
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.
* @method addChild
@ -96,9 +108,12 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
this.stage.__addChild(child);
}
// little webGL!
// need to remove any render groups..
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);
}
}
@ -183,10 +198,10 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
{
this.stage.__removeChild(child);
}
// console.log(child.__renderGroup);
// webGL trim
if(child.__renderGroup)
{
// console.log(">?")
child.__renderGroup.removeDisplayObjectAndChildren(child);
}

View file

@ -98,23 +98,16 @@ PIXI.InteractionManager.prototype.setTarget = function(target)
// 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);
{
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);
target.view.addEventListener("touchend", this.onTouchEnd.bind(this), true);
target.view.addEventListener("touchmove", this.onTouchMove.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()
@ -228,9 +221,7 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
// loop through inteaction tree...
// hit test each item! ->
// --->--->--->--->
// get interactive items under point??
// --->--->--->--->
//stage.__i
var length = this.interactiveItems.length;
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);
/**
* The offset position of the image that is being tiled
* @property tileScale
* @property tilePosition
* @type Point
*/
this.tilePosition = new PIXI.Point(0,0);
@ -54,5 +54,4 @@ PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
{
this.updateFrame = true;
}
// some helper functions..

View file

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

View file

@ -31,7 +31,9 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
// has this changed??
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
this.root = displayObject;
//displayObject.__renderGroup = this;
@ -39,11 +41,14 @@ PIXI.WebGLRenderGroup.prototype.setRenderable = function(displayObject)
//displayObject
}
PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
PIXI.WebGLRenderGroup.prototype.render = function(projectionMatrix)
{
var gl = this.gl;
// set the flipped matrix..
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
for (var i=0; i < this.toRemove.length; i++)
{
this.removeDisplayObjectAndChildren(this.toRemove[i]);
@ -64,20 +69,21 @@ PIXI.WebGLRenderGroup.prototype.render = function(renderTexture)
}
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)
{
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;
this.checkVisibility(displayObject, displayObject.visible);
gl.uniformMatrix4fv(PIXI.shaderProgram.mvMatrixUniform, false, projectionMatrix);
//console.log("SPECIFIC");
@ -158,6 +164,31 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
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!
startBatchIndex = this.batchs.indexOf(startBatch);
endBatchIndex = this.batchs.indexOf(endBatch);
@ -169,11 +200,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
}
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)
{
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..
@ -187,11 +222,15 @@ PIXI.WebGLRenderGroup.prototype.renderSpecific = function(displayObject, renderT
}
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)
{
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);
}
else if(endBatch instanceof PIXI.CustomRenderable)
{
if(endBatch.visible) endBatch.renderWebGL(this, projectionMatrix);
}
}
PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, globalVisible)
@ -246,7 +289,11 @@ PIXI.WebGLRenderGroup.prototype.checkVisibility = function(displayObject, global
PIXI.WebGLRenderGroup.prototype.addDisplayObject = function(displayObject)
{
// 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.cacheVisible = true;
@ -495,6 +542,9 @@ PIXI.WebGLRenderGroup.prototype.getNextRenderable = function(displayObject)
// if it has no children..
if(nextSprite.children.length == 0)
{
//maynot have a parent
if(!nextSprite.parent)return null;
// go along to the parent..
while(nextSprite.childIndex == nextSprite.parent.children.length-1)
{
@ -533,7 +583,7 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
if(previousSprite.childIndex == 0)
{
previousSprite = previousSprite.parent;
if(!previousSprite)return null;
}
else
{
@ -554,3 +604,201 @@ PIXI.WebGLRenderGroup.prototype.getPreviousRenderable = function(displayObject)
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);
this.projectionMatrix = PIXI.mat4.create();
this.resize(this.width, this.height)
this.resize(this.width, this.height);
this.contextLost = false;
this.stageRenderGroup = new PIXI.WebGLRenderGroup(this.gl);
}
// constructor
@ -113,9 +112,9 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
var fragmentShader = PIXI.CompileFragmentShader(gl, PIXI.shaderFragmentSrc);
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, fragmentShader);
@ -139,8 +138,6 @@ PIXI.WebGLRenderer.prototype.initShaders = function()
shaderProgram.mvMatrixUniform = gl.getUniformLocation(shaderProgram, "uMVMatrix");
shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
PIXI.shaderProgram = this.shaderProgram;
}
@ -158,27 +155,29 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
if(this.__stage !== stage)
{
// 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.stageRenderGroup.setRenderable(stage);
}
// TODO not needed now...
// update children if need be
// 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
if(group)group.removeDisplayObject(stage.__childrenRemoved[i]);
}
}*/
// update any textures
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]);
// empty out the arrays
stage.__childrenRemoved = [];
stage.__childrenAdded = [];
//stage.__childrenRemoved = [];
//stage.__childrenAdded = [];
PIXI.texturesToUpdate = [];
PIXI.texturesToDestroy = [];
@ -195,7 +194,7 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.viewport(0, 0, this.width, this.height);
// 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);
@ -203,9 +202,8 @@ PIXI.WebGLRenderer.prototype.render = function(stage)
gl.clear(gl.COLOR_BUFFER_BIT);
// render all the batchs!
this.stageRenderGroup.backgroundColor = stage.backgroundColorSplit;
this.stageRenderGroup.render();
this.stageRenderGroup.render(this.projectionMatrix);
// interaction
// run interaction!
@ -254,8 +252,6 @@ PIXI.WebGLRenderer.prototype.updateTexture = function(texture)
// 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)
{
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.generateMipmap(gl.TEXTURE_2D);
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
* @method resize
@ -311,226 +304,6 @@ PIXI.WebGLRenderer.prototype.resize = function(width, height)
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
*/

View file

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