Fixed graphics bug + updated docs

Fixed issue with getBounds being incorrect for graphics
Updated docs
Linted code
This commit is contained in:
Mat Groves 2014-01-01 23:54:45 +00:00
parent 53506da65e
commit 7713731ab3
145 changed files with 15583 additions and 24078 deletions

View file

@ -1536,8 +1536,23 @@ PIXI.Sprite = function(texture)
*/
this._height = 0;
/**
* The tint applied to the sprite. This is a hex value
*
* @property tint
* @type Number
* @default 0xFFFFFF
*/
this.tint = 0xFFFFFF;// * Math.random();
/**
* The blend mode to be applied to the sprite
*
* @property blendMode
* @type Number
* @default PIXI.blendModes.NORMAL;
*/
this.blendMode = PIXI.blendModes.NORMAL;
if(texture.baseTexture.hasLoaded)
@ -3517,6 +3532,19 @@ PIXI.canUseNewCanvasBlendModes = function()
return context.getImageData(0,0,1,1).data[0] === 0;
};
// this function is taken from Starling Framework as its pretty neat ;)
PIXI.getNextPowerOfTwo = function(number)
{
if (number > 0 && (number & (number - 1)) === 0) // see: http://goo.gl/D9kPj
return number;
else
{
var result = 1;
while (result < number) result <<= 1;
return result;
}
};
/**
@ -4425,7 +4453,6 @@ PIXI.WebGLGraphics.renderGraphics = function(graphics, renderSession)//projectio
gl.uniform3fv(shader.tintColor, PIXI.hex2rgb(graphics.tint));
gl.uniform1f(shader.alpha, graphics.worldAlpha);
gl.uniform1f(shader.alpha, graphics.worldAlpha);
gl.bindBuffer(gl.ARRAY_BUFFER, webGL.buffer);
@ -5430,7 +5457,7 @@ PIXI.WebGLShaderManager.prototype.setContext = function(gl)
gl.enableVertexAttribArray(this.defaultShader.aTextureCoord);
}
};
PIXI.WebGLShaderManager.prototype.activatePrimitiveShader = function()
{
@ -5516,10 +5543,6 @@ PIXI.WebGLSpriteBatch.prototype.setContext = function(gl)
// 65535 is max index, so 65535 / 6 = 10922.
//the total number of floats in our batch
var numVerts = this.size * 4 * this.vertSize;
//the total number of indices in our batch
var numIndices = this.size * 6;
//upload the index data
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
@ -5529,7 +5552,7 @@ PIXI.WebGLSpriteBatch.prototype.setContext = function(gl)
gl.bufferData(gl.ARRAY_BUFFER, this.vertices, gl.DYNAMIC_DRAW);
this.currentBlendMode = 99999;
}
};
PIXI.WebGLSpriteBatch.prototype.begin = function(renderSession)
{
@ -5868,7 +5891,7 @@ PIXI.WebGLFilterManager.prototype.setContext = function(gl)
this.texturePool = [];
this.initShaderBuffers();
}
};
PIXI.WebGLFilterManager.prototype.begin = function(renderSession, buffer)
{
@ -5911,10 +5934,10 @@ PIXI.WebGLFilterManager.prototype.pushFilter = function(filterBlock)
gl.bindTexture(gl.TEXTURE_2D, texture.texture);
this.getBounds(filterBlock.target);
// this.getBounds(filterBlock.target);
filterBlock.target.filterArea = filterBlock.target.getBounds();
// console.log(filterBlock.target.filterArea)
// console.log(filterBlock.target.filterArea);
// addpadding?
//displayObject.filterArea.x
@ -6238,7 +6261,7 @@ PIXI.WebGLFilterManager.prototype.initShaderBuffers = function()
new Uint16Array([0, 1, 2, 1, 3, 2]),
gl.STATIC_DRAW);
};
/*
PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
{
// time to get the width and height of the object!
@ -6356,7 +6379,7 @@ PIXI.WebGLFilterManager.prototype.getBounds = function(displayObject)
displayObject.filterArea.width = maxX - minX;
displayObject.filterArea.height = maxY - minY;
};
*/
PIXI.FilterTexture = function(gl, width, height)
{
// var gl = PIXI.gl;
@ -7407,8 +7430,13 @@ PIXI.Graphics.prototype._renderWebGL = function(renderSession)
// if the sprite is not visible or the alpha is 0 then no need to render this element
if(this.visible === false || this.alpha === 0 || this.isMask === true)return;
renderSession.spriteBatch.stop();
if(this._mask)renderSession.maskManager.pushMask(this.mask, renderSession);
if(this._filters)renderSession.filterManager.pushFilter(this._filterBlock);
// check blend mode
if(this.blendMode !== renderSession.spriteBatch.currentBlendMode)
{
@ -7419,6 +7447,10 @@ PIXI.Graphics.prototype._renderWebGL = function(renderSession)
PIXI.WebGLGraphics.renderGraphics(this, renderSession);
if(this._filters)renderSession.filterManager.popFilter();
if(this._mask)renderSession.maskManager.popMask(renderSession);
renderSession.spriteBatch.start();
};
@ -7445,9 +7477,9 @@ PIXI.Graphics.prototype.getBounds = function()
if(!this.bounds)this.updateBounds();
var w0 = this.bounds.x;
var w1 = this.bounds.y;
var w1 = this.bounds.width + this.bounds.x;
var h0 = this.bounds.width + this.bounds.x;
var h0 = this.bounds.y;
var h1 = this.bounds.height + this.bounds.y;
var worldTransform = this.worldTransform;
@ -7511,7 +7543,6 @@ PIXI.Graphics.prototype.getBounds = function()
PIXI.Graphics.prototype.updateBounds = function()
{
var minX = Infinity;
var maxX = -Infinity;
@ -7560,7 +7591,6 @@ PIXI.Graphics.prototype.updateBounds = function()
x = points[j];
y = points[j+1];
minX = x-lineWidth < minX ? x-lineWidth : minX;
maxX = x+lineWidth > maxX ? x+lineWidth : maxX;
@ -7571,8 +7601,6 @@ PIXI.Graphics.prototype.updateBounds = function()
}
this.bounds = new PIXI.Rectangle(minX, minY, maxX - minX, maxY - minY);
// console.log(this.bounds);
};
// SOME TYPES:

File diff suppressed because one or more lines are too long

View file

@ -3,6 +3,7 @@ YUI.add("yuidoc-meta", function(Y) {
"classes": [
"AbstractFilter",
"AssetLoader",
"AtlasLoader",
"BaseTexture",
"BitmapFontLoader",
"BitmapText",
@ -11,18 +12,19 @@ YUI.add("yuidoc-meta", function(Y) {
"CanvasRenderer",
"Circle",
"ColorMatrixFilter",
"CustomRenderable",
"ColorStepFilter",
"DisplacementFilter",
"DisplayObject",
"DisplayObjectContainer",
"Ellipse",
"EventTarget",
"Graphics",
"GreyFilter",
"GrayFilter",
"ImageLoader",
"InvertFilter",
"JsonLoader",
"MovieClip",
"PIXI.PixiShader",
"PixelateFilter",
"Point",
"PolyK.AjaxRequest",
@ -35,13 +37,12 @@ YUI.add("yuidoc-meta", function(Y) {
"RenderTexture",
"SepiaFilter",
"Spine",
"Sprite",
"SpriteSheetLoader",
"Sprite™",
"Stage",
"Text",
"Texture",
"TilingSprite",
"WebGLBatch",
"WebGLRenderer"
],
"modules": [

0
docs/assets/css/external-small.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 491 B

After

Width:  |  Height:  |  Size: 491 B

Before After
Before After

0
docs/assets/css/logo.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Before After
Before After

0
docs/assets/favicon.png Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 740 B

After

Width:  |  Height:  |  Size: 740 B

Before After
Before After

0
docs/assets/img/spinner.gif Executable file → Normal file
View file

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

0
docs/assets/index.html Executable file → Normal file
View file

0
docs/assets/js/api-filter.js Executable file → Normal file
View file

0
docs/assets/js/api-list.js Executable file → Normal file
View file

0
docs/assets/js/api-search.js Executable file → Normal file
View file

0
docs/assets/js/apidocs.js Executable file → Normal file
View file

0
docs/assets/js/yui-prettify.js vendored Executable file → Normal file
View file

0
docs/assets/vendor/prettify/CHANGES.html vendored Executable file → Normal file
View file

0
docs/assets/vendor/prettify/COPYING vendored Executable file → Normal file
View file

0
docs/assets/vendor/prettify/README.html vendored Executable file → Normal file
View file

0
docs/assets/vendor/prettify/prettify-min.css vendored Executable file → Normal file
View file

0
docs/assets/vendor/prettify/prettify-min.js vendored Executable file → Normal file
View file

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_AbstractFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:6</code></a>
Defined in: <a href="../files/src_pixi_filters_AbstractFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:5</code></a>
</div>
@ -213,7 +215,7 @@ If you want to make a custom filter this should be your base class.</p>
<li class="arg">
<code>unifroms</code>
<code>uniforms</code>
</li>
@ -246,7 +248,7 @@ If you want to make a custom filter this should be your base class.</p>
<a href="../files/src_pixi_filters_AbstractFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:6</code></a>
<a href="../files/src_pixi_filters_AbstractFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:5</code></a>
</p>
@ -283,7 +285,7 @@ If you want to make a custom filter this should be your base class.</p>
<li class="param">
<code class="param-name">unifroms</code>
<code class="param-name">uniforms</code>
<span class="type">Object</span>
@ -387,7 +389,7 @@ If you want to make a custom filter this should be your base class.</p>
<a href="../files/src_pixi_filters_AbstractFilter.js.html#l16"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:16</code></a>
<a href="../files/src_pixi_filters_AbstractFilter.js.html#l15"><code>src&#x2F;pixi&#x2F;filters&#x2F;AbstractFilter.js:15</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -202,8 +204,8 @@
<p>A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
assets have been loaded they are added to the PIXI Texture cache and can be accessed
easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
When all items have been loaded this class will dispatch a &quot;onLoaded&quot; event
As each individual item is loaded this class will dispatch a &quot;onProgress&quot; event</p>
When all items have been loaded this class will dispatch a &#39;onLoaded&#39; event
As each individual item is loaded this class will dispatch a &#39;onProgress&#39; event</p>
</div>
@ -288,9 +290,9 @@ As each individual item is loaded this class will dispatch a &quot;onProgress&qu
<div class="param-description">
<p>an array of image/sprite sheet urls that you would like loaded
supported. Supported image formats include &quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot;, &quot;gif&quot;. Supported
sprite sheet data formats only include &quot;JSON&quot; at this time. Supported bitmap font
data formats include &quot;xml&quot; and &quot;fnt&quot;.</p>
supported. Supported image formats include &#39;jpeg&#39;, &#39;jpg&#39;, &#39;png&#39;, &#39;gif&#39;. Supported
sprite sheet data formats only include &#39;JSON&#39; at this time. Supported bitmap font
data formats include &#39;xml&#39; and &#39;fnt&#39;.</p>
</div>
@ -464,7 +466,7 @@ As each individual item is loaded this class will dispatch a &quot;onProgress&qu
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l74"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:74</code></a>
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l101"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:101</code></a>
</p>
@ -521,7 +523,7 @@ As each individual item is loaded this class will dispatch a &quot;onProgress&qu
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l104"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:104</code></a>
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l137"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:137</code></a>
</p>
@ -720,7 +722,7 @@ As each individual item is loaded this class will dispatch a &quot;onProgress&qu
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l66"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:66</code></a>
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l65"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:65</code></a>
</p>
@ -764,7 +766,7 @@ As each individual item is loaded this class will dispatch a &quot;onProgress&qu
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l61"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:61</code></a>
<a href="../files/src_pixi_loaders_AssetLoader.js.html#l60"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AssetLoader.js:60</code></a>
</p>

View file

@ -0,0 +1,367 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AtlasLoader - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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>AtlasLoader Class</h1>
<div class="box meta">
<div class="extends">
Extends <a href="../classes/EventTarget.html" class="crosslink">EventTarget</a>
</div>
<div class="foundat">
Defined in: <a href="../files/src_pixi_loaders_AtlasLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AtlasLoader.js:5</code></a>
</div>
Module: <a href="../modules/PIXI.html">PIXI</a>
</div>
<div class="box intro">
<p>The atlas file loader is used to load in Atlas data and parsing it
When loaded this class will dispatch a &#39;loaded&#39; event
If load failed this class will dispatch a &#39;error&#39; event</p>
</div>
<div class="constructor">
<h2>Constructor</h2>
<div id="method_AtlasLoader" class="method item">
<h3 class="name"><code>AtlasLoader</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>url</code>
</li>
<li class="arg">
<code>crossorigin</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_loaders_AtlasLoader.js.html#l5"><code>src&#x2F;pixi&#x2F;loaders&#x2F;AtlasLoader.js:5</code></a>
</p>
</div>
<div class="description">
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">url</code>
<span class="type">String</span>
<div class="param-description">
<p>the url of the JSON file</p>
</div>
</li>
<li class="param">
<code class="param-name">crossorigin</code>
<span class="type">Boolean</span>
<div class="param-description">
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="classdocs" class="tabview">
<ul class="api-class-tabs">
<li class="api-class-tab index"><a href="#index">Index</a></li>
</ul>
<div>
<div id="index" class="api-class-tabpanel index">
<h2 class="off-left">Item Index</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -325,6 +327,13 @@
</li>
<li class="index-item method">
<a href="#method_destroy">destroy</a>
</li>
<li class="index-item method">
@ -358,6 +367,13 @@
</li>
<li class="index-item property">
<a href="#property_scaleMode">scaleMode</a>
</li>
<li class="index-item property">
@ -420,7 +436,7 @@
<a href="../files/src_pixi_textures_BaseTexture.js.html#l99"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:99</code></a>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l113"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:113</code></a>
</p>
@ -440,6 +456,60 @@
</div>
<div id="method_destroy" class="method item">
<h3 class="name"><code>destroy</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_textures_BaseTexture.js.html#l131"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:131</code></a>
</p>
</div>
<div class="description">
</div>
</div>
@ -491,7 +561,7 @@
<a href="../files/src_pixi_textures_BaseTexture.js.html#l114"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:114</code></a>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l144"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:144</code></a>
</p>
@ -582,7 +652,7 @@ If the image is not in the base texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l39"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:39</code></a>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l47"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:47</code></a>
</p>
@ -646,6 +716,53 @@ If the image is not in the base texture cache it will be created and loaded</p>
</div>
<div id="property_scaleMode" class="property item">
<h3 class="name"><code>scaleMode</code></h3>
<span class="type">PIXI.BaseTexture.SCALE_MODE</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_textures_BaseTexture.js.html#l39"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:39</code></a>
</p>
</div>
<div class="description">
<p>The scale mode to apply when scaling this texture</p>
</div>
<p><strong>Default:</strong> PIXI.BaseTexture.SCALE_MODE.LINEAR</p>
</div>
@ -672,7 +789,7 @@ If the image is not in the base texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l48"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:48</code></a>
<a href="../files/src_pixi_textures_BaseTexture.js.html#l56"><code>src&#x2F;pixi&#x2F;textures&#x2F;BaseTexture.js:56</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -199,10 +201,10 @@
<div class="box intro">
<p>The xml loader is used to load in XML bitmap font data (&quot;xml&quot; or &quot;fnt&quot;)
<p>The xml loader is used to load in XML bitmap font data (&#39;xml&#39; or &#39;fnt&#39;)
To generate the data you can use <a href="http://www.angelcode.com/products/bmfont/">http://www.angelcode.com/products/bmfont/</a>
This loader will also load the image file as the data.
When loaded this class will dispatch a &quot;loaded&quot; event</p>
When loaded this class will dispatch a &#39;loaded&#39; event</p>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -194,7 +196,7 @@
<div class="box intro">
<p>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;
<p>A Text Object will create a line(s) of text using bitmap font. To split a line you can use &#39;\n&#39;, &#39;\r&#39; or &#39;\r\n&#39;
You can generate the fnt files using
<a href="http://www.angelcode.com/products/bmfont/">http://www.angelcode.com/products/bmfont/</a> for windows or
<a href="http://www.bmglyph.com/">http://www.bmglyph.com/</a> for mac.</p>
@ -311,7 +313,7 @@ You can generate the fnt files using
<div class="param-description">
<p>The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)</p>
<p>The size (optional) and bitmap font id (required) eq &#39;Arial&#39; or &#39;20px Arial&#39; (must have loaded previously)</p>
</div>
@ -320,13 +322,13 @@ You can generate the fnt files using
<li class="param">
<code class="param-name optional">[align=&quot;left&quot;]</code>
<code class="param-name optional">[align=&#x27;left&#x27;]</code>
<span class="type">String</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
<div class="param-description">
<p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
<p>An alignment of the multiline text (&#39;left&#39;, &#39;center&#39; or &#39;right&#39;)</p>
</div>
@ -572,6 +574,13 @@ You can generate the fnt files using
</li>
<li class="index-item property inherited">
<a href="#property_height">height</a>
</li>
<li class="index-item property inherited">
@ -656,6 +665,13 @@ You can generate the fnt files using
</li>
<li class="index-item property inherited">
<a href="#property_width">width</a>
</li>
<li class="index-item property inherited">
@ -725,7 +741,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -817,7 +833,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -919,7 +935,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -1004,7 +1020,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1090,7 +1106,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1175,7 +1191,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1260,7 +1276,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1345,7 +1361,7 @@ You can generate the fnt files using
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1431,7 +1447,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1517,7 +1533,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1605,7 +1621,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1696,7 +1712,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_text_BitmapText.js.html#l46"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:46</code></a>
<a href="../files/src_pixi_text_BitmapText.js.html#l45"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:45</code></a>
</p>
@ -1740,7 +1756,7 @@ Instead of using this function you can now simply set the interactive property t
<div class="param-description">
<p>The size (optional) and bitmap font id (required) eq &quot;Arial&quot; or &quot;20px Arial&quot; (must have loaded previously)</p>
<p>The size (optional) and bitmap font id (required) eq &#39;Arial&#39; or &#39;20px Arial&#39; (must have loaded previously)</p>
</div>
@ -1749,13 +1765,13 @@ Instead of using this function you can now simply set the interactive property t
<li class="param">
<code class="param-name optional">[align=&quot;left&quot;]</code>
<code class="param-name optional">[align=&#x27;left&#x27;]</code>
<span class="type">String</span>
<span class="flag optional" title="This parameter is optional.">optional</span>
<div class="param-description">
<p>An alignment of the multiline text (&quot;left&quot;, &quot;center&quot; or &quot;right&quot;)</p>
<p>An alignment of the multiline text (&#39;left&#39;, &#39;center&#39; or &#39;right&#39;)</p>
</div>
@ -1818,7 +1834,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_text_BitmapText.js.html#l34"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:34</code></a>
<a href="../files/src_pixi_text_BitmapText.js.html#l33"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:33</code></a>
</p>
@ -1912,7 +1928,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -2012,7 +2028,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2098,7 +2114,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2183,7 +2199,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -2269,7 +2285,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2349,7 +2365,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_text_BitmapText.js.html#l67"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:67</code></a>
<a href="../files/src_pixi_text_BitmapText.js.html#l66"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:66</code></a>
</p>
@ -2406,7 +2422,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_text_BitmapText.js.html#l142"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:142</code></a>
<a href="../files/src_pixi_text_BitmapText.js.html#l141"><code>src&#x2F;pixi&#x2F;text&#x2F;BitmapText.js:141</code></a>
</p>
@ -2629,7 +2645,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2673,7 +2689,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2715,7 +2731,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2725,9 +2741,53 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
</div>
<div id="property_height" class="property item inherited">
<h3 class="name"><code>height</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:50</code></a>
</p>
</div>
<div class="description">
<p>The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -2802,7 +2862,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -2848,7 +2908,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -2890,7 +2950,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -3247,6 +3307,48 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_width" class="property item inherited">
<h3 class="name"><code>width</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
</p>
</div>
<div class="description">
<p>The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>
@ -3314,7 +3416,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_BlurFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:6</code></a>
Defined in: <a href="../files/src_pixi_filters_BlurFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:5</code></a>
</div>
@ -281,7 +283,7 @@
<a href="../files/src_pixi_filters_BlurFilter.js.html#l24"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:24</code></a>
<a href="../files/src_pixi_filters_BlurFilter.js.html#l21"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:21</code></a>
</p>
@ -328,7 +330,7 @@
<a href="../files/src_pixi_filters_BlurFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:40</code></a>
<a href="../files/src_pixi_filters_BlurFilter.js.html#l37"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:37</code></a>
</p>
@ -375,7 +377,7 @@
<a href="../files/src_pixi_filters_BlurFilter.js.html#l56"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:56</code></a>
<a href="../files/src_pixi_filters_BlurFilter.js.html#l53"><code>src&#x2F;pixi&#x2F;filters&#x2F;BlurFilter.js:53</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:5</code></a>
Defined in: <a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:5</code></a>
</div>
@ -340,7 +342,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l204"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:204</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l207"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:207</code></a>
</p>
@ -453,7 +455,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l272"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:272</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l276"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:276</code></a>
</p>
@ -566,7 +568,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l463"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:463</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l486"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:486</code></a>
</p>
@ -679,7 +681,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l139"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:139</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l143"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:143</code></a>
</p>
@ -792,7 +794,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l15"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:15</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l15"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:15</code></a>
</p>
@ -899,7 +901,7 @@
<a href="../files/src_pixi_renderers_webgl_WebGLGraphics.js.html#l87"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLGraphics.js:87</code></a>
<a href="../files/src_pixi_renderers_webgl_utils_WebGLGraphics.js.html#l89"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;utils&#x2F;WebGLGraphics.js:89</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
Defined in: <a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:5</code></a>
</div>
@ -258,7 +260,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:6</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l5"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:5</code></a>
</p>
@ -404,13 +406,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</li>
<li class="index-item method private">
<a href="#method_renderTilingSprite">renderTilingSprite</a>
</li>
<li class="index-item method">
@ -514,7 +509,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l66"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:66</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l111"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:111</code></a>
</p>
@ -605,7 +600,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l129"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:129</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l172"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:172</code></a>
</p>
@ -696,7 +691,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l320"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:320</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l223"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:223</code></a>
</p>
@ -787,7 +782,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l250"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:250</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l189"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:189</code></a>
</p>
@ -831,97 +826,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</div>
<div id="method_renderTilingSprite" class="method item private">
<h3 class="name"><code>renderTilingSprite</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>sprite</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l287"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:287</code></a>
</p>
</div>
<div class="description">
<p>Renders a tiling sprite</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">sprite</code>
<span class="type"><a href="../classes/TilingSprite.html" class="crosslink">TilingSprite</a></span>
<div class="param-description">
<p>The tilingsprite to render</p>
</div>
</li>
</ul>
</div>
</div>
@ -973,7 +877,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l113"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:113</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l156"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:156</code></a>
</p>
@ -1067,7 +971,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l47"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:47</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l71"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:71</code></a>
</p>
@ -1112,7 +1016,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l30"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:30</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l54"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:54</code></a>
</p>
@ -1159,7 +1063,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l39"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:39</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l63"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:63</code></a>
</p>
@ -1204,7 +1108,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l21"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:21</code></a>
<a href="../files/src_pixi_renderers_canvas_CanvasRenderer.js.html#l45"><code>src&#x2F;pixi&#x2F;renderers&#x2F;canvas&#x2F;CanvasRenderer.js:45</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -0,0 +1,317 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ColorStepFilter - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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>ColorStepFilter Class</h1>
<div class="box meta">
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_ColorStepFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;ColorStepFilter.js:5</code></a>
</div>
Module: <a href="../modules/PIXI.html">PIXI</a>
</div>
<div class="box intro">
<p>This turns your displayObjects to black and white.</p>
</div>
<div id="classdocs" class="tabview">
<ul class="api-class-tabs">
<li class="api-class-tab index"><a href="#index">Index</a></li>
<li class="api-class-tab properties"><a href="#properties">Properties</a></li>
</ul>
<div>
<div id="index" class="api-class-tabpanel index">
<h2 class="off-left">Item Index</h2>
<div class="index-section properties">
<h3>Properties</h3>
<ul class="index-list properties">
<li class="index-item property">
<a href="#property_step">step</a>
</li>
</ul>
</div>
</div>
<div id="properties" class="api-class-tabpanel">
<h2 class="off-left">Properties</h2>
<div id="property_step" class="property item">
<h3 class="name"><code>step</code></h3>
<span class="type">Unknown</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_ColorStepFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;ColorStepFilter.js:40</code></a>
</p>
</div>
<div class="description">
<p>The number of steps.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_DisplacementFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:6</code></a>
Defined in: <a href="../files/src_pixi_filters_DisplacementFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:5</code></a>
</div>
@ -282,7 +284,7 @@
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l92"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:92</code></a>
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l86"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:86</code></a>
</p>
@ -327,7 +329,7 @@
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l122"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:122</code></a>
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l116"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:116</code></a>
</p>
@ -372,7 +374,7 @@
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l107"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:107</code></a>
<a href="../files/src_pixi_filters_DisplacementFilter.js.html#l101"><code>src&#x2F;pixi&#x2F;filters&#x2F;DisplacementFilter.js:101</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -562,7 +564,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -650,7 +652,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -738,7 +740,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -826,7 +828,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -914,7 +916,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1003,7 +1005,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1094,7 +1096,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1185,7 +1187,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -1274,7 +1276,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -1362,7 +1364,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -1451,7 +1453,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -1667,7 +1669,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -1714,7 +1716,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -1759,7 +1761,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -1769,9 +1771,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p>Sets the filters for the displayObject.</p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
@ -1852,7 +1856,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -1901,7 +1905,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -1946,7 +1950,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -2400,7 +2404,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -453,6 +455,13 @@ It is the base class of all display objects that act as a container for other ob
</li>
<li class="index-item property">
<a href="#property_height">height</a>
</li>
<li class="index-item property inherited">
@ -537,6 +546,13 @@ It is the base class of all display objects that act as a container for other ob
</li>
<li class="index-item property">
<a href="#property_width">width</a>
</li>
<li class="index-item property inherited">
@ -609,7 +625,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -704,7 +720,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -806,7 +822,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -894,7 +910,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -980,7 +996,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1065,7 +1081,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1150,7 +1166,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1235,7 +1251,7 @@ It is the base class of all display objects that act as a container for other ob
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1321,7 +1337,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1410,7 +1426,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1498,7 +1514,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1597,7 +1613,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -1697,7 +1713,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -1783,7 +1799,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -1868,7 +1884,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -1954,7 +1970,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2203,7 +2219,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2247,7 +2263,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2289,7 +2305,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2299,9 +2315,56 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
</div>
<div id="property_height" class="property item">
<h3 class="name"><code>height</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:50</code></a>
</p>
</div>
<div class="description">
<p>The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -2376,7 +2439,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -2422,7 +2485,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -2464,7 +2527,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -2821,6 +2884,51 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_width" class="property item">
<h3 class="name"><code>width</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
</p>
</div>
<div class="description">
<p>The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>
@ -2888,7 +2996,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -538,6 +540,13 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
</li>
<li class="index-item property inherited">
<a href="#property_height">height</a>
</li>
<li class="index-item property inherited">
@ -636,6 +645,13 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
</li>
<li class="index-item property inherited">
<a href="#property_width">width</a>
</li>
<li class="index-item property inherited">
@ -705,7 +721,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -797,7 +813,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -908,7 +924,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l123"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:123</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l129"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:129</code></a>
</p>
@ -1004,7 +1020,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l211"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:211</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l220"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:220</code></a>
</p>
@ -1066,7 +1082,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -1166,7 +1182,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l170"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:170</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l177"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:177</code></a>
</p>
@ -1305,7 +1321,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l190"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:190</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l198"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:198</code></a>
</p>
@ -1456,7 +1472,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l150"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:150</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l157"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:157</code></a>
</p>
@ -1582,7 +1598,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l138"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:138</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l145"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:145</code></a>
</p>
@ -1644,7 +1660,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1745,7 +1761,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l68"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:68</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l74"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:74</code></a>
</p>
@ -1872,7 +1888,7 @@ Complex polys will not be filled. Heres an example of a complex poly: <a href="h
<a href="../files/src_pixi_primitives_Graphics.js.html#l109"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:109</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l115"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:115</code></a>
</p>
@ -1975,7 +1991,7 @@ the current drawing position is then set to (x, y).</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -2060,7 +2076,7 @@ the current drawing position is then set to (x, y).</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -2145,7 +2161,7 @@ the current drawing position is then set to (x, y).</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -2230,7 +2246,7 @@ the current drawing position is then set to (x, y).</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -2316,7 +2332,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -2411,7 +2427,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_primitives_Graphics.js.html#l90"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:90</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l96"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:96</code></a>
</p>
@ -2513,7 +2529,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -2601,7 +2617,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -2697,7 +2713,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -2797,7 +2813,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2883,7 +2899,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2968,7 +2984,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -3054,7 +3070,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -3300,7 +3316,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -3347,7 +3363,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_primitives_Graphics.js.html#l54"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:54</code></a>
<a href="../files/src_pixi_primitives_Graphics.js.html#l58"><code>src&#x2F;pixi&#x2F;primitives&#x2F;Graphics.js:58</code></a>
</p>
@ -3391,7 +3407,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -3478,7 +3494,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -3488,9 +3504,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
@ -3546,6 +3564,48 @@ To remove filters simply set this property to &#39;null&#39;</p>
</div>
<div id="property_height" class="property item inherited">
<h3 class="name"><code>height</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:50</code></a>
</p>
</div>
<div class="description">
<p>The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>
@ -3612,7 +3672,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -3748,7 +3808,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -3790,7 +3850,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -4147,6 +4207,48 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_width" class="property item inherited">
<h3 class="name"><code>width</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
</p>
</div>
<div class="description">
<p>The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>
@ -4214,7 +4316,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>GreyFilter - Pixi.JS</title>
<title>GrayFilter - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -166,7 +168,7 @@
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1>GreyFilter Class</h1>
<h1>GrayFilter Class</h1>
<div class="box meta">
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_GreyFilter.js.html#l6"><code>src&#x2F;pixi&#x2F;filters&#x2F;GreyFilter.js:6</code></a>
Defined in: <a href="../files/src_pixi_filters_GrayFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;GrayFilter.js:5</code></a>
</div>
@ -221,7 +223,7 @@
<ul class="index-list properties">
<li class="index-item property">
<a href="#property_grey">grey</a>
<a href="#property_gray">gray</a>
@ -243,8 +245,8 @@
<h2 class="off-left">Properties</h2>
<div id="property_grey" class="property item">
<h3 class="name"><code>grey</code></h3>
<div id="property_gray" class="property item">
<h3 class="name"><code>gray</code></h3>
<span class="type">Unknown</span>
@ -266,7 +268,7 @@
<a href="../files/src_pixi_filters_GreyFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;GreyFilter.js:40</code></a>
<a href="../files/src_pixi_filters_GrayFilter.js.html#l40"><code>src&#x2F;pixi&#x2F;filters&#x2F;GrayFilter.js:40</code></a>
</p>
@ -276,7 +278,7 @@
</div>
<div class="description">
<p>The strength of the grey. 1 will make the object black and white, 0 will make the object its normal color</p>
<p>The strength of the gray. 1 will make the object black and white, 0 will make the object its normal color</p>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -199,7 +201,7 @@
<div class="box intro">
<p>The image loader class is responsible for loading images file formats (&quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot; and &quot;gif&quot;)
<p>The image loader class is responsible for loading images file formats (&#39;jpeg&#39;, &#39;jpg&#39;, &#39;png&#39; and &#39;gif&#39;)
Once the image has been loaded it is stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
When loaded this class will dispatch a &#39;loaded&#39; event</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -200,8 +202,8 @@
<div class="box intro">
<p>The json file loader is used to load in JSON data and parsing it
When loaded this class will dispatch a &quot;loaded&quot; event
If load failed this class will dispatch a &quot;error&quot; event</p>
When loaded this class will dispatch a &#39;loaded&#39; event
If load failed this class will dispatch a &#39;error&#39; event</p>
</div>
@ -513,7 +515,7 @@ If load failed this class will dispatch a &quot;error&quot; event</p>
<a href="../files/src_pixi_loaders_JsonLoader.js.html#l154"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:154</code></a>
<a href="../files/src_pixi_loaders_JsonLoader.js.html#l164"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:164</code></a>
</p>
@ -627,7 +629,7 @@ If load failed this class will dispatch a &quot;error&quot; event</p>
<a href="../files/src_pixi_loaders_JsonLoader.js.html#l140"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:140</code></a>
<a href="../files/src_pixi_loaders_JsonLoader.js.html#l150"><code>src&#x2F;pixi&#x2F;loaders&#x2F;JsonLoader.js:150</code></a>
</p>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,739 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PIXI.PixiShader - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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>PIXI.PixiShader Class</h1>
<div class="box meta">
<div class="foundat">
Defined in: <a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:6</code></a>
</div>
Module: <a href="../modules/PIXI.html">PIXI</a>
</div>
<div class="box intro">
</div>
<div class="constructor">
<h2>Constructor</h2>
<div id="method_PIXI.PixiShader" class="method item">
<h3 class="name"><code>PIXI.PixiShader</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l6"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:6</code></a>
</p>
</div>
<div class="description">
</div>
</div>
</div>
<div id="classdocs" class="tabview">
<ul class="api-class-tabs">
<li class="api-class-tab index"><a href="#index">Index</a></li>
<li class="api-class-tab methods"><a href="#methods">Methods</a></li>
<li class="api-class-tab properties"><a href="#properties">Properties</a></li>
</ul>
<div>
<div id="index" class="api-class-tabpanel index">
<h2 class="off-left">Item Index</h2>
<div class="index-section methods">
<h3>Methods</h3>
<ul class="index-list methods">
<li class="index-item method">
<a href="#method_PIXI.PixiShader#init">PIXI.PixiShader#init</a>
</li>
<li class="index-item method">
<a href="#method_PIXI.PixiShader#initSampler2D">PIXI.PixiShader#initSampler2D</a>
</li>
<li class="index-item method">
<a href="#method_PIXI.PixiShader#initUniforms">PIXI.PixiShader#initUniforms</a>
</li>
<li class="index-item method">
<a href="#method_PIXI.PixiShader#syncUniforms">PIXI.PixiShader#syncUniforms</a>
</li>
</ul>
</div>
<div class="index-section properties">
<h3>Properties</h3>
<ul class="index-list properties">
<li class="index-item property">
<a href="#property_fragmentSrc - The fragment shader.">fragmentSrc - The fragment shader.</a>
</li>
<li class="index-item property">
<a href="#property_program - The WebGL program.">program - The WebGL program.</a>
</li>
<li class="index-item property">
<a href="#property_textureCount - A local texture counter for multi-texture shaders.">textureCount - A local texture counter for multi-texture shaders.</a>
</li>
</ul>
</div>
</div>
<div id="methods" class="api-class-tabpanel">
<h2 class="off-left">Methods</h2>
<div id="method_PIXI.PixiShader#init" class="method item">
<h3 class="name"><code>PIXI.PixiShader#init</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l42"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:42</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="method_PIXI.PixiShader#initSampler2D" class="method item">
<h3 class="name"><code>PIXI.PixiShader#initSampler2D</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l150"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:150</code></a>
</p>
</div>
<div class="description">
<p>Initialises a Sampler2D uniform (which may only be available later on after initUniforms once the texture is has loaded)</p>
</div>
</div>
<div id="method_PIXI.PixiShader#initUniforms" class="method item">
<h3 class="name"><code>PIXI.PixiShader#initUniforms</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l77"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:77</code></a>
</p>
</div>
<div class="description">
<p>Initialises the shader uniform values.
Uniforms are specified in the GLSL_ES Specification: <a href="http://www.khronos.org/registry/webgl/specs/latest/1.0/">http://www.khronos.org/registry/webgl/specs/latest/1.0/</a>
<a href="http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf">http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf</a></p>
</div>
</div>
<div id="method_PIXI.PixiShader#syncUniforms" class="method item">
<h3 class="name"><code>PIXI.PixiShader#syncUniforms</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l225"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:225</code></a>
</p>
</div>
<div class="description">
<p>Updates the shader uniform values.</p>
</div>
</div>
</div>
<div id="properties" class="api-class-tabpanel">
<h2 class="off-left">Properties</h2>
<div id="property_fragmentSrc - The fragment shader." class="property item">
<h3 class="name"><code>fragmentSrc - The fragment shader.</code></h3>
<span class="type">Array</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l19"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:19</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="property_program - The WebGL program." class="property item">
<h3 class="name"><code>program - The WebGL program.</code></h3>
<span class="type">Any</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l14"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:14</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="property_textureCount - A local texture counter for multi-texture shaders." class="property item">
<h3 class="name"><code>textureCount - A local texture counter for multi-texture shaders.</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_PixiShader.js.html#l33"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;PixiShader.js:33</code></a>
</p>
</div>
<div class="description">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_PixelateFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;PixelateFilter.js:5</code></a>
Defined in: <a href="../files/src_pixi_filters_TwistFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;TwistFilter.js:5</code></a>
</div>
@ -190,7 +192,7 @@
<div class="box intro">
<p>This filter applies a pixlate effect making display objects appear &quot;blocky&quot;</p>
<p>This filter applies a pixlate effect making display objects appear &#39;blocky&#39;</p>
</div>
@ -220,6 +222,41 @@
<ul class="index-list properties">
<li class="index-item property">
<a href="#property_angle">angle</a>
</li>
<li class="index-item property">
<a href="#property_angle">angle</a>
</li>
<li class="index-item property">
<a href="#property_scale">scale</a>
</li>
<li class="index-item property">
<a href="#property_size">size</a>
</li>
<li class="index-item property">
<a href="#property_size">size</a>
</li>
<li class="index-item property">
<a href="#property_size">size</a>
@ -243,6 +280,141 @@
<h2 class="off-left">Properties</h2>
<div id="property_angle" class="property item">
<h3 class="name"><code>angle</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_DotScreenFilter.js.html#l72"><code>src&#x2F;pixi&#x2F;filters&#x2F;DotScreenFilter.js:72</code></a>
</p>
</div>
<div class="description">
<p>This radius describes angle</p>
</div>
</div>
<div id="property_angle" class="property item">
<h3 class="name"><code>angle</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_TwistFilter.js.html#l87"><code>src&#x2F;pixi&#x2F;filters&#x2F;TwistFilter.js:87</code></a>
</p>
</div>
<div class="description">
<p>This radius describes angle of the twist</p>
</div>
</div>
<div id="property_scale" class="property item">
<h3 class="name"><code>scale</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_DotScreenFilter.js.html#l56"><code>src&#x2F;pixi&#x2F;filters&#x2F;DotScreenFilter.js:56</code></a>
</p>
</div>
<div class="description">
<p>This describes the the scale</p>
</div>
</div>
<div id="property_size" class="property item">
<h3 class="name"><code>size</code></h3>
<span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
@ -266,7 +438,7 @@
<a href="../files/src_pixi_filters_PixelateFilter.js.html#l50"><code>src&#x2F;pixi&#x2F;filters&#x2F;PixelateFilter.js:50</code></a>
<a href="../files/src_pixi_filters_PixelateFilter.js.html#l47"><code>src&#x2F;pixi&#x2F;filters&#x2F;PixelateFilter.js:47</code></a>
</p>
@ -285,6 +457,96 @@
</div>
<div id="property_size" class="property item">
<h3 class="name"><code>size</code></h3>
<span class="type"><a href="../classes/Point.html" class="crosslink">Point</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_TwistFilter.js.html#l55"><code>src&#x2F;pixi&#x2F;filters&#x2F;TwistFilter.js:55</code></a>
</p>
</div>
<div class="description">
<p>This point describes the the offset of the twist</p>
</div>
</div>
<div id="property_size" class="property item">
<h3 class="name"><code>size</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_filters_TwistFilter.js.html#l71"><code>src&#x2F;pixi&#x2F;filters&#x2F;TwistFilter.js:71</code></a>
</p>
</div>
<div class="description">
<p>This radius describes size of the twist</p>
</div>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_utils_Utils.js.html#l81"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:81</code></a>
Defined in: <a href="../files/src_pixi_utils_Utils.js.html#l88"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:88</code></a>
</div>
@ -229,7 +231,7 @@
<a href="../files/src_pixi_utils_Utils.js.html#l81"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:81</code></a>
<a href="../files/src_pixi_utils_Utils.js.html#l88"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:88</code></a>
</p>
@ -290,7 +292,7 @@
</li>
<li class="index-item method">
<a href="#method_HEXtoRGB">HEXtoRGB</a>
<a href="#method_hex2rgb">hex2rgb</a>
@ -351,7 +353,7 @@
<a href="../files/src_pixi_utils_Utils.js.html#l53"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:53</code></a>
<a href="../files/src_pixi_utils_Utils.js.html#l60"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:60</code></a>
</p>
@ -429,8 +431,8 @@
</div>
<div id="method_HEXtoRGB" class="method item">
<h3 class="name"><code>HEXtoRGB</code></h3>
<div id="method_hex2rgb" class="method item">
<h3 class="name"><code>hex2rgb</code></h3>
<div class="args">
@ -471,7 +473,7 @@
<a href="../files/src_pixi_utils_Utils.js.html#l43"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:43</code></a>
<a href="../files/src_pixi_utils_Utils.js.html#l45"><code>src&#x2F;pixi&#x2F;utils&#x2F;Utils.js:45</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
Defined in: <a href="../files/src_pixi_InteractionManager.js.html#l638"><code>src&#x2F;pixi&#x2F;InteractionManager.js:638</code></a>
</div>
@ -229,7 +231,7 @@
<a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l638"><code>src&#x2F;pixi&#x2F;InteractionManager.js:638</code></a>
</p>
@ -375,7 +377,7 @@
<a href="../files/src_pixi_InteractionManager.js.html#l682"><code>src&#x2F;pixi&#x2F;InteractionManager.js:682</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l674"><code>src&#x2F;pixi&#x2F;InteractionManager.js:674</code></a>
</p>
@ -467,7 +469,7 @@
<a href="../files/src_pixi_InteractionManager.js.html#l654"><code>src&#x2F;pixi&#x2F;InteractionManager.js:654</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l646"><code>src&#x2F;pixi&#x2F;InteractionManager.js:646</code></a>
</p>
@ -512,7 +514,7 @@
<a href="../files/src_pixi_InteractionManager.js.html#l673"><code>src&#x2F;pixi&#x2F;InteractionManager.js:673</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l665"><code>src&#x2F;pixi&#x2F;InteractionManager.js:665</code></a>
</p>
@ -536,7 +538,7 @@
<div id="property_target" class="property item">
<h3 class="name"><code>target</code></h3>
<span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
<span class="type">Sprite</span>
@ -557,7 +559,7 @@
<a href="../files/src_pixi_InteractionManager.js.html#l665"><code>src&#x2F;pixi&#x2F;InteractionManager.js:665</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l657"><code>src&#x2F;pixi&#x2F;InteractionManager.js:657</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -484,7 +486,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l70"><code>src&#x2F;pixi&#x2F;InteractionManager.js:70</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l66"><code>src&#x2F;pixi&#x2F;InteractionManager.js:66</code></a>
</p>
@ -596,7 +598,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l422"><code>src&#x2F;pixi&#x2F;InteractionManager.js:422</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l409"><code>src&#x2F;pixi&#x2F;InteractionManager.js:409</code></a>
</p>
@ -703,7 +705,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l305"><code>src&#x2F;pixi&#x2F;InteractionManager.js:305</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l299"><code>src&#x2F;pixi&#x2F;InteractionManager.js:299</code></a>
</p>
@ -794,7 +796,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l273"><code>src&#x2F;pixi&#x2F;InteractionManager.js:273</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l269"><code>src&#x2F;pixi&#x2F;InteractionManager.js:269</code></a>
</p>
@ -885,7 +887,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l370"><code>src&#x2F;pixi&#x2F;InteractionManager.js:370</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l360"><code>src&#x2F;pixi&#x2F;InteractionManager.js:360</code></a>
</p>
@ -976,7 +978,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l575"><code>src&#x2F;pixi&#x2F;InteractionManager.js:575</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l565"><code>src&#x2F;pixi&#x2F;InteractionManager.js:565</code></a>
</p>
@ -1067,7 +1069,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l495"><code>src&#x2F;pixi&#x2F;InteractionManager.js:495</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l482"><code>src&#x2F;pixi&#x2F;InteractionManager.js:482</code></a>
</p>
@ -1158,7 +1160,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l526"><code>src&#x2F;pixi&#x2F;InteractionManager.js:526</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l516"><code>src&#x2F;pixi&#x2F;InteractionManager.js:516</code></a>
</p>
@ -1249,7 +1251,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l114"><code>src&#x2F;pixi&#x2F;InteractionManager.js:114</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l110"><code>src&#x2F;pixi&#x2F;InteractionManager.js:110</code></a>
</p>
@ -1340,7 +1342,7 @@ This manager also supports multitouch.</p>
<a href="../files/src_pixi_InteractionManager.js.html#l135"><code>src&#x2F;pixi&#x2F;InteractionManager.js:135</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l131"><code>src&#x2F;pixi&#x2F;InteractionManager.js:131</code></a>
</p>
@ -1423,7 +1425,7 @@ to receive those events</p>
<a href="../files/src_pixi_InteractionManager.js.html#l185"><code>src&#x2F;pixi&#x2F;InteractionManager.js:185</code></a>
<a href="../files/src_pixi_InteractionManager.js.html#l180"><code>src&#x2F;pixi&#x2F;InteractionManager.js:180</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l109"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:109</code></a>
Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l116"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:116</code></a>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l139"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:139</code></a>
Defined in: <a href="../files/src_pixi_utils_Polyk.js.html#l146"><code>src&#x2F;pixi&#x2F;utils&#x2F;Polyk.js:146</code></a>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -196,19 +198,19 @@
<div class="box intro">
<p>A RenderTexture is a special texture that allows any pixi displayObject to be rendered to it.</p>
<p><strong>Hint</strong>: All DisplayObjects (exmpl. Sprites) that renders on RenderTexture should be preloaded.
Otherwise black rectangles will be drawn instead. </p>
Otherwise black rectangles will be drawn instead.</p>
<p>RenderTexture takes snapshot of DisplayObject passed to render method. If DisplayObject is passed to render method, position and rotation of it will be ignored. For example:</p>
<pre class="code prettyprint"><code>var renderTexture = new PIXI.RenderTexture(800, 600);
var sprite = PIXI.Sprite.fromImage(&quot;spinObj_01.png&quot;);
sprite.position.x = 800/2;
sprite.position.y = 600/2;
sprite.anchor.x = 0.5;
sprite.anchor.y = 0.5;
renderTexture.render(sprite);</code></pre>
<p> var renderTexture = new PIXI.RenderTexture(800, 600);
var sprite = PIXI.Sprite.fromImage(&quot;spinObj_01.png&quot;);
sprite.position.x = 800/2;
sprite.position.y = 600/2;
sprite.anchor.x = 0.5;
sprite.anchor.y = 0.5;
renderTexture.render(sprite);</p>
<p>Sprite in this case will be rendered to 0,0 position. To render this sprite at center DisplayObjectContainer should be used:</p>
<pre class="code prettyprint"><code>var doc = new PIXI.DisplayObjectContainer();
doc.addChild(sprite);
renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<p> var doc = new PIXI.DisplayObjectContainer();
doc.addChild(sprite);
renderTexture.render(doc); // Renders to center of renderTexture</p>
</div>
@ -356,20 +358,6 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
</li>
<li class="index-item method private">
<a href="#method_initCanvas">initCanvas</a>
</li>
<li class="index-item method private">
<a href="#method_initWebGL">initWebGL</a>
</li>
<li class="index-item method private inherited">
@ -484,7 +472,7 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<a href="../files/src_pixi_textures_Texture.js.html#l93"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:93</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l91"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:91</code></a>
</p>
@ -528,120 +516,6 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
</div>
<div id="method_initCanvas" class="method item private">
<h3 class="name"><code>initCanvas</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_textures_RenderTexture.js.html#l125"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:125</code></a>
</p>
</div>
<div class="description">
<p>Initializes the canvas data for this texture</p>
</div>
</div>
<div id="method_initWebGL" class="method item private">
<h3 class="name"><code>initWebGL</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_textures_RenderTexture.js.html#l57"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:57</code></a>
</p>
</div>
<div class="description">
<p>Initializes the webgl data for this texture</p>
</div>
</div>
@ -686,7 +560,7 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<a href="../files/src_pixi_textures_Texture.js.html#l73"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:73</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l72"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:72</code></a>
</p>
@ -782,7 +656,7 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<a href="../files/src_pixi_textures_RenderTexture.js.html#l214"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:214</code></a>
<a href="../files/src_pixi_textures_RenderTexture.js.html#l154"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:154</code></a>
</p>
@ -895,7 +769,7 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<a href="../files/src_pixi_textures_RenderTexture.js.html#l141"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:141</code></a>
<a href="../files/src_pixi_textures_RenderTexture.js.html#l102"><code>src&#x2F;pixi&#x2F;textures&#x2F;RenderTexture.js:102</code></a>
</p>
@ -997,7 +871,7 @@ renderTexture.render(doc); // Renders to center of renderTexture</code></pre>
<a href="../files/src_pixi_textures_Texture.js.html#l104"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:104</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l102"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:102</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_filters_SepiaFilter.js.html#l7"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:7</code></a>
Defined in: <a href="../files/src_pixi_filters_SepiaFilter.js.html#l5"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:5</code></a>
</div>
@ -266,7 +268,7 @@
<a href="../files/src_pixi_filters_SepiaFilter.js.html#l44"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:44</code></a>
<a href="../files/src_pixi_filters_SepiaFilter.js.html#l42"><code>src&#x2F;pixi&#x2F;filters&#x2F;SepiaFilter.js:42</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -528,6 +530,13 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
</li>
<li class="index-item property inherited">
<a href="#property_height">height</a>
</li>
<li class="index-item property inherited">
@ -626,6 +635,13 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
</li>
<li class="index-item property inherited">
<a href="#property_width">width</a>
</li>
<li class="index-item property inherited">
@ -695,7 +711,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -787,7 +803,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -889,7 +905,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -974,7 +990,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1115,7 +1131,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1200,7 +1216,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1285,7 +1301,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1370,7 +1386,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1456,7 +1472,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1656,7 +1672,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1744,7 +1760,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1840,7 +1856,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -1940,7 +1956,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2026,7 +2042,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2111,7 +2127,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -2197,7 +2213,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2443,7 +2459,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2532,7 +2548,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2574,7 +2590,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2584,9 +2600,53 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
</div>
<div id="property_height" class="property item inherited">
<h3 class="name"><code>height</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:50</code></a>
</p>
</div>
<div class="description">
<p>The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -2661,7 +2721,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -2752,7 +2812,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -2794,7 +2854,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -3196,6 +3256,48 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_width" class="property item inherited">
<h3 class="name"><code>width</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
</p>
</div>
<div class="description">
<p>The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>
@ -3263,7 +3365,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -200,12 +202,12 @@
<div class="box intro">
<p>The sprite sheet loader is used to load in JSON sprite sheet data
To generate the data you can use <a href="http://www.codeandweb.com/texturepacker">http://www.codeandweb.com/texturepacker</a> and publish the &quot;JSON&quot; format
To generate the data you can use <a href="http://www.codeandweb.com/texturepacker">http://www.codeandweb.com/texturepacker</a> and publish the &#39;JSON&#39; format
There is a free version so thats nice, although the paid version is great value for money.
It is highly recommended to use Sprite sheets (also know as texture atlas&quot;) as it means sprite&quot;s can be batched and drawn together for highly increased rendering speed.
It is highly recommended to use Sprite sheets (also know as texture atlas&#39;) as it means sprite&#39;s can be batched and drawn together for highly increased rendering speed.
Once the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFromeId()
This loader will also load the image file that the Spritesheet points to as well as the data.
When loaded this class will dispatch a &quot;loaded&quot; event</p>
When loaded this class will dispatch a &#39;loaded&#39; event</p>
</div>
@ -460,7 +462,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l74"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:74</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l73"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:73</code></a>
</p>
@ -517,7 +519,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l89"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:89</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l88"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:88</code></a>
</p>
@ -628,7 +630,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l45"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:45</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l44"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:44</code></a>
</p>
@ -673,7 +675,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l37"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:37</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l36"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:36</code></a>
</p>
@ -718,7 +720,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l62"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:62</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l61"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:61</code></a>
</p>
@ -763,7 +765,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l54"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:54</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l53"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:53</code></a>
</p>
@ -808,7 +810,7 @@ When loaded this class will dispatch a &quot;loaded&quot; event</p>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l29"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:29</code></a>
<a href="../files/src_pixi_loaders_SpriteSheetLoader.js.html#l28"><code>src&#x2F;pixi&#x2F;loaders&#x2F;SpriteSheetLoader.js:28</code></a>
</p>

View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sprite - Pixi.JS</title>
<title>Sprite - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -166,7 +168,7 @@
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1>Sprite Class</h1>
<h1>Sprite Class</h1>
<div class="box meta">
@ -178,7 +180,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
Defined in: <a href="../files/src_pixi_display_Sprite.js.html#l11"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:11</code></a>
</div>
@ -201,8 +203,8 @@
<div class="constructor">
<h2>Constructor</h2>
<div id="method_Sprite" class="method item">
<h3 class="name"><code>Sprite</code></h3>
<div id="method_Sprite" class="method item">
<h3 class="name"><code>Sprite</code></h3>
<div class="args">
@ -243,7 +245,7 @@
<a href="../files/src_pixi_display_Sprite.js.html#l10"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:10</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l11"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:11</code></a>
</p>
@ -548,7 +550,7 @@
</li>
<li class="index-item property">
<li class="index-item property inherited">
<a href="#property_height">height</a>
@ -637,6 +639,13 @@
</li>
<li class="index-item property private">
<a href="#property_tint">tint</a>
</li>
<li class="index-item property inherited">
@ -646,7 +655,7 @@
</li>
<li class="index-item property">
<li class="index-item property inherited">
<a href="#property_width">width</a>
@ -720,7 +729,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -812,7 +821,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -914,7 +923,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -979,7 +988,7 @@
<span class="returns-inline">
<span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
<span class="type">Sprite</span>
</span>
@ -1008,7 +1017,7 @@
<a href="../files/src_pixi_display_Sprite.js.html#l165"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:165</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l416"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:416</code></a>
</p>
@ -1057,7 +1066,7 @@
<div class="returns-description">
<span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>:
<span class="type">Sprite</span>:
<p>A new Sprite using a texture from the texture cache matching the frameId</p>
@ -1089,7 +1098,7 @@
<span class="returns-inline">
<span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>
<span class="type">Sprite</span>
</span>
@ -1118,7 +1127,7 @@
<a href="../files/src_pixi_display_Sprite.js.html#l182"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:182</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l433"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:433</code></a>
</p>
@ -1167,7 +1176,7 @@
<div class="returns-description">
<span class="type"><a href="../classes/Sprite.html" class="crosslink">Sprite</a></span>:
<span class="type">Sprite</span>:
<p>A new Sprite using a texture from the texture cache matching the image id</p>
@ -1219,7 +1228,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1305,7 +1314,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1390,7 +1399,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1475,7 +1484,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1560,7 +1569,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1646,7 +1655,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1737,7 +1746,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_Sprite.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:145</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:156</code></a>
</p>
@ -1822,7 +1831,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1910,7 +1919,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -2001,7 +2010,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_Sprite.js.html#l118"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:118</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l133"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:133</code></a>
</p>
@ -2095,7 +2104,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -2195,7 +2204,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2281,7 +2290,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2366,7 +2375,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -2452,7 +2461,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2531,7 +2540,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_Sprite.js.html#l60"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:60</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l61"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:61</code></a>
</p>
@ -2622,7 +2631,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_Sprite.js.html#l51"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:51</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l52"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:52</code></a>
</p>
@ -2709,7 +2718,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_Sprite.js.html#l23"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:23</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l24"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:24</code></a>
</p>
@ -2757,7 +2766,7 @@ Setting the anchor to 1,1 would mean the textures origin points will be the bott
<a href="../files/src_pixi_display_Sprite.js.html#l42"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:42</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l43"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:43</code></a>
</p>
@ -2886,7 +2895,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2930,7 +2939,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2972,7 +2981,7 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2982,9 +2991,11 @@ currently supports PIXI.blendModes.NORMAL and PIXI.blendModes.SCREEN</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
@ -3010,16 +3021,16 @@ To remove filters simply set this property to &#39;null&#39;</p>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">
DisplayObjectContainer
</a>
<p>
Defined in
but overwritten in
<a href="../files/src_pixi_display_Sprite.js.html#l102"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:102</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l117"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:117</code></a>
</p>
@ -3104,7 +3115,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -3150,7 +3161,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -3192,7 +3203,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -3533,7 +3544,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_Sprite.js.html#l34"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:34</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l35"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:35</code></a>
</p>
@ -3552,6 +3563,55 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_tint" class="property item private">
<h3 class="name"><code>tint</code></h3>
<span class="type">Number</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_display_Sprite.js.html#l71"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:71</code></a>
</p>
</div>
<div class="description">
<p>The tint applied to the sprite. This is a hex value</p>
</div>
<p><strong>Default:</strong> 0xFFFFFF</p>
</div>
@ -3611,16 +3671,16 @@ To remove a mask, set this property to null.</p>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">
DisplayObjectContainer
</a>
<p>
Defined in
but overwritten in
<a href="../files/src_pixi_display_Sprite.js.html#l86"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:86</code></a>
<a href="../files/src_pixi_display_Sprite.js.html#l101"><code>src&#x2F;pixi&#x2F;display&#x2F;Sprite.js:101</code></a>
</p>
@ -3706,7 +3766,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -518,20 +520,27 @@
</li>
<li class="index-item property inherited">
<a href="#property_hitArea">hitArea</a>
</li>
<li class="index-item property">
<a href="#property_interactive">interactive</a>
<a href="#property_height">height</a>
</li>
<li class="index-item property inherited">
<a href="#property_hitArea">hitArea</a>
</li>
<li class="index-item property inherited">
<a href="#property_interactive">interactive</a>
</li>
<li class="index-item property">
<a href="#property_interactive">interactive</a>
@ -606,6 +615,13 @@
</li>
<li class="index-item property inherited">
<a href="#property_width">width</a>
</li>
<li class="index-item property inherited">
@ -675,7 +691,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -767,7 +783,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -869,7 +885,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -954,7 +970,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1037,7 +1053,7 @@
<a href="../files/src_pixi_display_Stage.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:125</code></a>
<a href="../files/src_pixi_display_Stage.js.html#l124"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:124</code></a>
</p>
@ -1113,7 +1129,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1198,7 +1214,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1283,7 +1299,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1368,7 +1384,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1454,7 +1470,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1540,7 +1556,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1629,7 +1645,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_Stage.js.html#l109"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:109</code></a>
<a href="../files/src_pixi_display_Stage.js.html#l108"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:108</code></a>
</p>
@ -1808,7 +1824,7 @@ This is useful for when you have other DOM elements ontop of the Canvas element.
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1904,7 +1920,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -2004,7 +2020,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2090,7 +2106,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2175,7 +2191,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -2261,7 +2277,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2507,7 +2523,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2598,7 +2614,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2640,7 +2656,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2650,9 +2666,53 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
</div>
<div id="property_height" class="property item inherited">
<h3 class="name"><code>height</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l50"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:50</code></a>
</p>
</div>
<div class="description">
<p>The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -2704,51 +2764,6 @@ Setting it is a neat way of optimising the hitTest function that the interaction
</div>
<div id="property_interactive" class="property item">
<h3 class="name"><code>interactive</code></h3>
<span class="type">InteractionManager</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_display_Stage.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:36</code></a>
</p>
</div>
<div class="description">
<p>The interaction manage for this stage, manages all interactive activity on the stage</p>
</div>
</div>
@ -2794,6 +2809,51 @@ Setting it is a neat way of optimising the hitTest function that the interaction
</div>
<div id="property_interactive" class="property item">
<h3 class="name"><code>interactive</code></h3>
<span class="type">InteractionManager</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_display_Stage.js.html#l36"><code>src&#x2F;pixi&#x2F;display&#x2F;Stage.js:36</code></a>
</p>
</div>
<div class="description">
<p>The interaction manage for this stage, manages all interactive activity on the stage</p>
</div>
</div>
@ -2819,7 +2879,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -2861,7 +2921,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -3218,6 +3278,48 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_width" class="property item inherited">
<h3 class="name"><code>width</code></h3>
<span class="type">Number</span>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">DisplayObjectContainer</a>:
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
</p>
</div>
<div class="description">
<p>The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set</p>
</div>
</div>

File diff suppressed because it is too large Load diff

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -504,7 +506,7 @@ to the display list directly. To do this use PIXI.Sprite. If no frame is provide
<a href="../files/src_pixi_textures_Texture.js.html#l182"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:182</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l201"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:201</code></a>
</p>
@ -608,7 +610,7 @@ to the display list directly. To do this use PIXI.Sprite. If no frame is provide
<a href="../files/src_pixi_textures_Texture.js.html#l93"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:93</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l91"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:91</code></a>
</p>
@ -703,7 +705,7 @@ to the display list directly. To do this use PIXI.Sprite. If no frame is provide
<a href="../files/src_pixi_textures_Texture.js.html#l166"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:166</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l185"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:185</code></a>
</p>
@ -811,7 +813,7 @@ If the canvas is not in the texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_Texture.js.html#l150"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:150</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l169"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:169</code></a>
</p>
@ -925,7 +927,7 @@ If the frame id is not in the texture cache an error will be thrown</p>
<a href="../files/src_pixi_textures_Texture.js.html#l127"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:127</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l146"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:146</code></a>
</p>
@ -1045,7 +1047,7 @@ If the image is not in the texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_Texture.js.html#l73"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:73</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l72"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:72</code></a>
</p>
@ -1139,7 +1141,7 @@ If the image is not in the texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_Texture.js.html#l195"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:195</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l214"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:214</code></a>
</p>
@ -1242,7 +1244,7 @@ If the image is not in the texture cache it will be created and loaded</p>
<a href="../files/src_pixi_textures_Texture.js.html#l104"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:104</code></a>
<a href="../files/src_pixi_textures_Texture.js.html#l102"><code>src&#x2F;pixi&#x2F;textures&#x2F;Texture.js:102</code></a>
</p>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -420,13 +422,6 @@
</li>
<li class="index-item method private">
<a href="#method_onTextureUpdate">onTextureUpdate</a>
</li>
<li class="index-item method inherited">
@ -443,13 +438,6 @@
<span class="flag deprecated">deprecated</span>
</li>
<li class="index-item method">
<a href="#method_setTexture">setTexture</a>
</li>
<li class="index-item method private inherited">
@ -546,7 +534,7 @@
</li>
<li class="index-item property">
<li class="index-item property inherited">
<a href="#property_height">height</a>
@ -628,13 +616,6 @@
</li>
<li class="index-item property">
<a href="#property_texture">texture</a>
</li>
<li class="index-item property">
@ -658,7 +639,7 @@
</li>
<li class="index-item property">
<li class="index-item property inherited">
<a href="#property_width">width</a>
@ -732,7 +713,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l32"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:32</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l69"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:69</code></a>
</p>
@ -824,7 +805,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l120"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:120</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l94"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:94</code></a>
</p>
@ -926,7 +907,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l174"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:174</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l185"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:185</code></a>
</p>
@ -1011,7 +992,7 @@
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l256"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:256</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l148"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:148</code></a>
</p>
@ -1097,7 +1078,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l180"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:180</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l191"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:191</code></a>
</p>
@ -1182,7 +1163,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l206"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:206</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
</p>
@ -1267,7 +1248,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l200"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:200</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l211"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:211</code></a>
</p>
@ -1352,7 +1333,7 @@
<a href="../files/src_pixi_display_DisplayObject.js.html#l186"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:186</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l197"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:197</code></a>
</p>
@ -1438,7 +1419,7 @@ for this callback to be fired the mouse must have been pressed down over the dis
<a href="../files/src_pixi_display_DisplayObject.js.html#l193"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:193</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l204"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:204</code></a>
</p>
@ -1482,96 +1463,6 @@ for this callback to be fired, The touch must have started over the displayObjec
</div>
<div id="method_onTextureUpdate" class="method item private">
<h3 class="name"><code>onTextureUpdate</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>event</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_extras_TilingSprite.js.html#l84"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:84</code></a>
</p>
</div>
<div class="description">
<p>When the texture is updated, this event will fire to update the frame</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">event</code>
<span class="type">Object</span>
<div class="param-description">
</div>
</li>
</ul>
</div>
</div>
@ -1614,7 +1505,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l274"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:274</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l166"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:166</code></a>
</p>
@ -1702,7 +1593,7 @@ for this callback to be fired, The touch must have started over the displayObjec
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l258"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:258</code></a>
</p>
@ -1748,95 +1639,6 @@ Instead of using this function you can now simply set the interactive property t
</div>
<div id="method_setTexture" class="method item">
<h3 class="name"><code>setTexture</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>texture</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_extras_TilingSprite.js.html#l68"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:68</code></a>
</p>
</div>
<div class="description">
<p>Sets the texture of the tiling sprite</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">texture</code>
<span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
<div class="param-description">
<p>The PIXI texture that is displayed by the sprite</p>
</div>
</li>
</ul>
</div>
</div>
@ -1887,7 +1689,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l207"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:207</code></a>
<a href="../files/src_pixi_display_DisplayObjectContainer.js.html#l122"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObjectContainer.js:122</code></a>
</p>
@ -1987,7 +1789,7 @@ Instead of using this function you can now simply set the interactive property t
<a href="../files/src_pixi_display_DisplayObject.js.html#l217"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:217</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l228"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:228</code></a>
</p>
@ -2073,7 +1875,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l230"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:230</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l241"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:241</code></a>
</p>
@ -2158,7 +1960,7 @@ basically a touch version of click</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l236"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:236</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l247"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:247</code></a>
</p>
@ -2244,7 +2046,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l224"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:224</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l235"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:235</code></a>
</p>
@ -2490,7 +2292,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l145"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:145</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l147"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:147</code></a>
</p>
@ -2534,7 +2336,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l154"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:154</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l156"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:156</code></a>
</p>
@ -2576,7 +2378,7 @@ for this callback to be fired, The touch must have started over the sprite</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l318"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:318</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l314"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:314</code></a>
</p>
@ -2586,9 +2388,11 @@ for this callback to be fired, The touch must have started over the sprite</p>
</div>
<div class="description">
<p>Sets the filters for the displayObject.
* IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</p>
<p><p>Sets the filters for the displayObject.</p></p>
<ul>
<li>IMPORTANT: This is a webGL only feature and will be ignored by the canvas renderer.
To remove filters simply set this property to &#39;null&#39;</li>
</ul>
</div>
@ -2614,16 +2418,16 @@ To remove filters simply set this property to &#39;null&#39;</p>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_height">
DisplayObjectContainer
</a>
<p>
Defined in
but overwritten in
<a href="../files/src_pixi_extras_TilingSprite.js.html#l35"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:35</code></a>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l67"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:67</code></a>
</p>
@ -2633,7 +2437,7 @@ To remove filters simply set this property to &#39;null&#39;</p>
</div>
<div class="description">
<p>The height of the tiling sprite</p>
<p>The height of the TilingSprite, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -2708,7 +2512,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l260"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:260</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l271"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:271</code></a>
</p>
@ -2754,7 +2558,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l135"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:135</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l137"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:137</code></a>
</p>
@ -2796,7 +2600,7 @@ Setting it is a neat way of optimising the hitTest function that the interaction
<a href="../files/src_pixi_display_DisplayObject.js.html#l280"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:280</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l291"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:291</code></a>
</p>
@ -3111,51 +2915,6 @@ To remove a mask, set this property to null.</p>
</div>
<div id="property_texture" class="property item">
<h3 class="name"><code>texture</code></h3>
<span class="type"><a href="../classes/Texture.html" class="crosslink">Texture</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_extras_TilingSprite.js.html#l19"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:19</code></a>
</p>
</div>
<div class="description">
<p>The texture that the sprite is using</p>
</div>
</div>
@ -3182,7 +2941,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l51"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:51</code></a>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l32"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:32</code></a>
</p>
@ -3227,7 +2986,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l43"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:43</code></a>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l24"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:24</code></a>
</p>
@ -3305,16 +3064,16 @@ To remove a mask, set this property to null.</p>
<div class="meta">
<p>Inherited from
<a href="../classes/DisplayObjectContainer.html#property_width">
DisplayObjectContainer
</a>
<p>
Defined in
but overwritten in
<a href="../files/src_pixi_extras_TilingSprite.js.html#l27"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:27</code></a>
<a href="../files/src_pixi_extras_TilingSprite.js.html#l51"><code>src&#x2F;pixi&#x2F;extras&#x2F;TilingSprite.js:51</code></a>
</p>
@ -3324,7 +3083,7 @@ To remove a mask, set this property to null.</p>
</div>
<div class="description">
<p>The width of the tiling sprite</p>
<p>The width of the sprite, setting this will actually modify the scale to acheive the value set</p>
</div>
@ -3400,7 +3159,7 @@ To remove a mask, set this property to null.</p>
<a href="../files/src_pixi_display_DisplayObject.js.html#l125"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:125</code></a>
<a href="../files/src_pixi_display_DisplayObject.js.html#l127"><code>src&#x2F;pixi&#x2F;display&#x2F;DisplayObject.js:127</code></a>
</p>

File diff suppressed because it is too large Load diff

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,7 @@
<div class="foundat">
Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
Defined in: <a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l13"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:13</code></a>
</div>
@ -266,7 +268,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l11"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:11</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l13"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:13</code></a>
</p>
@ -405,15 +407,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</li>
<li class="index-item method private">
<a href="#method_getBatch">getBatch</a>
<span class="flag static">static</span>
</li>
<li class="index-item method private">
@ -442,15 +435,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</li>
<li class="index-item method private">
<a href="#method_returnBatch">returnBatch</a>
<span class="flag static">static</span>
</li>
<li class="index-item method private">
@ -531,7 +515,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l269"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:269</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l297"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:297</code></a>
</p>
@ -575,81 +559,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</div>
<div id="method_getBatch" class="method item private">
<h3 class="name"><code>getBatch</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>
</span>
<span class="flag private">private</span>
<span class="flag static">static</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l104"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:104</code></a>
</p>
</div>
<div class="description">
<p>Gets a new WebGLBatch from the pool</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>:
</div>
</div>
</div>
@ -697,7 +606,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l319"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:319</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l378"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:378</code></a>
</p>
@ -787,7 +696,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l332"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:332</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l391"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:391</code></a>
</p>
@ -875,7 +784,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l138"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:138</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l125"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:125</code></a>
</p>
@ -970,7 +879,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l288"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:288</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l325"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:325</code></a>
</p>
@ -1030,99 +939,6 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
</div>
<div id="method_returnBatch" class="method item private">
<h3 class="name"><code>returnBatch</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>batch</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<span class="flag static">static</span>
<div class="meta">
<p>
Defined in
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l124"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:124</code></a>
</p>
</div>
<div class="description">
<p>Puts a batch back into the pool</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">batch</code>
<span class="type"><a href="../classes/WebGLBatch.html" class="crosslink">WebGLBatch</a></span>
<div class="param-description">
<p>The batch to return</p>
</div>
</li>
</ul>
</div>
</div>
@ -1172,7 +988,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l225"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:225</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l250"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:250</code></a>
</p>
@ -1255,7 +1071,7 @@ Dont forget to add the view to your DOM or you will not see anything :)</p>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l209"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:209</code></a>
<a href="../files/src_pixi_renderers_webgl_WebGLRenderer.js.html#l223"><code>src&#x2F;pixi&#x2F;renderers&#x2F;webgl&#x2F;WebGLRenderer.js:223</code></a>
</p>

File diff suppressed because it is too large Load diff

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -208,8 +210,6 @@ PIXI.InteractionManager = function(stage)
*/
this.touchs = {};
// helpers
this.tempPoint = new PIXI.Point();
//this.tempMatrix = mat3.create();
@ -231,10 +231,8 @@ PIXI.InteractionManager = function(stage)
this.onTouchStart = this.onTouchStart.bind(this);
this.onTouchEnd = this.onTouchEnd.bind(this);
this.onTouchMove = this.onTouchMove.bind(this);
this.last = 0;
}
};
// constructor
PIXI.InteractionManager.prototype.constructor = PIXI.InteractionManager;
@ -281,7 +279,7 @@ PIXI.InteractionManager.prototype.collectInteractiveSprite = function(displayObj
}
// }
}
}
};
/**
* Sets the target for event delegation
@ -301,7 +299,7 @@ PIXI.InteractionManager.prototype.setTarget = function(target)
}
document.body.addEventListener(&#x27;mouseup&#x27;, this.onMouseUp, true);
}
};
/**
@ -351,8 +349,7 @@ PIXI.InteractionManager.prototype.setTargetDomElement = function(domElement)
domElement.addEventListener(&#x27;touchstart&#x27;, this.onTouchStart, true);
domElement.addEventListener(&#x27;touchend&#x27;, this.onTouchEnd, true);
domElement.addEventListener(&#x27;touchmove&#x27;, this.onTouchMove, true);
}
};
/**
* updates the state of interactive objects
@ -372,6 +369,8 @@ PIXI.InteractionManager.prototype.update = function()
this.last = now;
//
var i = 0;
// ok.. so mouse events??
// yes for now :)
// OPTIMSE - how often to check??
@ -381,7 +380,7 @@ PIXI.InteractionManager.prototype.update = function()
var len = this.interactiveItems.length;
for (var i=0; i &lt; len; i++) {
for (i = 0; i &lt; len; i++) {
this.interactiveItems[i].interactiveChildren = false;
}
@ -395,9 +394,9 @@ PIXI.InteractionManager.prototype.update = function()
// loop through interactive objects!
var length = this.interactiveItems.length;
this.interactionDOMElement.style.cursor = &quot;default&quot;;
this.interactionDOMElement.style.cursor = &#x27;inherit&#x27;;
for (var i = 0; i &lt; length; i++)
for (i = 0; i &lt; length; i++)
{
var item = this.interactiveItems[i];
@ -418,7 +417,7 @@ PIXI.InteractionManager.prototype.update = function()
// loks like there was a hit!
if(item.__hit)
{
if(item.buttonMode) this.interactionDOMElement.style.cursor = &quot;pointer&quot;;
if(item.buttonMode) this.interactionDOMElement.style.cursor = item.defaultCursor;
if(!item.__isOver)
{
@ -437,10 +436,9 @@ PIXI.InteractionManager.prototype.update = function()
}
}
}
// ---&gt;
}
}
};
/**
* Is called when the mouse moves accross the renderer element
@ -459,8 +457,6 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
this.mouse.global.y = (event.clientY - rect.top) * ( this.target.height / rect.height);
var length = this.interactiveItems.length;
var global = this.mouse.global;
for (var i = 0; i &lt; length; i++)
{
@ -472,7 +468,7 @@ PIXI.InteractionManager.prototype.onMouseMove = function(event)
item.mousemove(this.mouse);
}
}
}
};
/**
* Is called when the mouse button is pressed down on the renderer element
@ -490,10 +486,6 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
// get interactive items under point??
//stage.__i
var length = this.interactiveItems.length;
var global = this.mouse.global;
var index = 0;
var parent = this.stage;
// while
// hit test
@ -517,14 +509,14 @@ PIXI.InteractionManager.prototype.onMouseDown = function(event)
}
}
}
}
};
PIXI.InteractionManager.prototype.onMouseOut = function(event)
PIXI.InteractionManager.prototype.onMouseOut = function()
{
var length = this.interactiveItems.length;
this.interactionDOMElement.style.cursor = &quot;default&quot;;
this.interactionDOMElement.style.cursor = &#x27;inherit&#x27;;
for (var i = 0; i &lt; length; i++)
{
@ -537,7 +529,7 @@ PIXI.InteractionManager.prototype.onMouseOut = function(event)
item.__isOver = false;
}
}
}
};
/**
* Is called when the mouse button is released on the renderer element
@ -550,9 +542,6 @@ PIXI.InteractionManager.prototype.onMouseUp = function(event)
{
this.mouse.originalEvent = event || window.event; //IE uses window.event
var global = this.mouse.global;
var length = this.interactiveItems.length;
var up = false;
@ -589,7 +578,7 @@ PIXI.InteractionManager.prototype.onMouseUp = function(event)
item.__isDown = false;
}
}
}
};
/**
* Tests if the current mouse coords hit a sprite
@ -641,7 +630,7 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
if(y &gt; y1 &amp;&amp; y &lt; y1 + height)
{
// set the target property if a hit is true!
interactionData.target = item
interactionData.target = item;
return true;
}
}
@ -656,13 +645,13 @@ PIXI.InteractionManager.prototype.hitTest = function(item, interactionData)
if(hit)
{
// hmm.. TODO SET CORRECT TARGET?
interactionData.target = item
interactionData.target = item;
return true;
}
}
return false;
}
};
/**
* Is called when a touch is moved accross the renderer element
@ -675,11 +664,13 @@ PIXI.InteractionManager.prototype.onTouchMove = function(event)
{
var rect = this.interactionDOMElement.getBoundingClientRect();
var changedTouches = event.changedTouches;
var touchData;
var i = 0;
for (var i=0; i &lt; changedTouches.length; i++)
for (i = 0; i &lt; changedTouches.length; i++)
{
var touchEvent = changedTouches[i];
var touchData = this.touchs[touchEvent.identifier];
touchData = this.touchs[touchEvent.identifier];
touchData.originalEvent = event || window.event;
// update the touch position
@ -688,12 +679,13 @@ PIXI.InteractionManager.prototype.onTouchMove = function(event)
}
var length = this.interactiveItems.length;
for (var i = 0; i &lt; length; i++)
for (i = 0; i &lt; length; i++)
{
var item = this.interactiveItems[i];
if(item.touchmove)item.touchmove(touchData);
if(item.touchmove)
item.touchmove(touchData);
}
}
};
/**
* Is called when a touch is started on the renderer element
@ -742,7 +734,7 @@ PIXI.InteractionManager.prototype.onTouchStart = function(event)
}
}
}
}
};
/**
* Is called when a touch is ended on the renderer element
@ -772,7 +764,7 @@ PIXI.InteractionManager.prototype.onTouchEnd = function(event)
var itemTouchData = item.__touchData; // &lt;-- Here!
item.__hit = this.hitTest(item, touchData);
if(itemTouchData == touchData)
if(itemTouchData === touchData)
{
// so this one WAS down...
touchData.originalEvent = event || window.event;
@ -804,16 +796,18 @@ PIXI.InteractionManager.prototype.onTouchEnd = function(event)
item.__touchData = null;
}
/*
else
{
}
*/
}
// remove the touch..
this.pool.push(touchData);
this.touchs[touchEvent.identifier] = null;
}
}
};
/**
* Holds all information related to an Interaction event
@ -840,7 +834,7 @@ PIXI.InteractionData = function()
* @property target
* @type Sprite
*/
this.target;
this.target = null;
/**
* When passed to an event handler, this will be the original DOM Event that was captured
@ -848,8 +842,8 @@ PIXI.InteractionData = function()
* @property originalEvent
* @type Event
*/
this.originalEvent;
}
this.originalEvent = null;
};
/**
* This will return the local coords of the specified displayObject for this InteractionData
@ -869,8 +863,8 @@ PIXI.InteractionData.prototype.getLocalPosition = function(displayObject)
id = 1 / (a00 * a11 + a01 * -a10);
// set the mouse coords...
return new PIXI.Point(a11 * id * global.x + -a01 * id * global.y + (a12 * a01 - a02 * a11) * id,
a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id)
}
a00 * id * global.y + -a10 * id * global.x + (-a12 * a00 + a02 * a10) * id);
};
// constructor
PIXI.InteractionData.prototype.constructor = PIXI.InteractionData;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -179,6 +181,9 @@
*/
var PIXI = PIXI || {};
PIXI.WEBGL_RENDERER = 0;
PIXI.CANVAS_RENDERER = 1;
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -205,7 +207,7 @@ PIXI.Circle = function(x, y, radius)
* @default 0
*/
this.radius = radius || 0;
}
};
/**
* Creates a clone of this Circle instance
@ -216,7 +218,7 @@ PIXI.Circle = function(x, y, radius)
PIXI.Circle.prototype.clone = function()
{
return new PIXI.Circle(this.x, this.y, this.radius);
}
};
/**
* Checks if the x, and y coords passed to this function are contained within this circle
@ -239,7 +241,7 @@ PIXI.Circle.prototype.contains = function(x, y)
dy *= dy;
return (dx + dy &lt;= r2);
}
};
// constructor
PIXI.Circle.prototype.constructor = PIXI.Circle;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -213,7 +215,7 @@ PIXI.Ellipse = function(x, y, width, height)
* @default 0
*/
this.height = height || 0;
}
};
/**
* Creates a clone of this Ellipse instance
@ -224,7 +226,7 @@ PIXI.Ellipse = function(x, y, width, height)
PIXI.Ellipse.prototype.clone = function()
{
return new PIXI.Ellipse(this.x, this.y, this.width, this.height);
}
};
/**
* Checks if the x, and y coords passed to this function are contained within this ellipse
@ -248,12 +250,12 @@ PIXI.Ellipse.prototype.contains = function(x, y)
normy *= normy;
return (normx + normy &lt; 0.25);
}
};
PIXI.Ellipse.getBounds = function()
PIXI.Ellipse.prototype.getBounds = function()
{
return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
}
};
// constructor
PIXI.Ellipse.prototype.constructor = PIXI.Ellipse;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -197,7 +199,7 @@ PIXI.Point = function(x, y)
* @default 0
*/
this.y = y || 0;
}
};
/**
* Creates a clone of this point
@ -208,7 +210,7 @@ PIXI.Point = function(x, y)
PIXI.Point.prototype.clone = function()
{
return new PIXI.Point(this.x, this.y);
}
};
// constructor
PIXI.Point.prototype.constructor = PIXI.Point;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -202,7 +204,7 @@ PIXI.Polygon = function(points)
}
this.points = points;
}
};
/**
* Creates a clone of this polygon
@ -218,7 +220,7 @@ PIXI.Polygon.prototype.clone = function()
}
return new PIXI.Polygon(points);
}
};
/**
* Checks if the x, and y coords passed to this function are contained within this polygon
@ -237,13 +239,13 @@ PIXI.Polygon.prototype.contains = function(x, y)
for(var i = 0, j = this.points.length - 1; i &lt; this.points.length; j = i++) {
var xi = this.points[i].x, yi = this.points[i].y,
xj = this.points[j].x, yj = this.points[j].y,
intersect = ((yi &gt; y) != (yj &gt; y)) &amp;&amp; (x &lt; (xj - xi) * (y - yi) / (yj - yi) + xi);
intersect = ((yi &gt; y) !== (yj &gt; y)) &amp;&amp; (x &lt; (xj - xi) * (y - yi) / (yj - yi) + xi);
if(intersect) inside = !inside;
}
return inside;
}
};
// constructor
PIXI.Polygon.prototype.constructor = PIXI.Polygon;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -213,7 +215,7 @@ PIXI.Rectangle = function(x, y, width, height)
* @default 0
*/
this.height = height || 0;
}
};
/**
* Creates a clone of this Rectangle
@ -224,7 +226,7 @@ PIXI.Rectangle = function(x, y, width, height)
PIXI.Rectangle.prototype.clone = function()
{
return new PIXI.Rectangle(this.x, this.y, this.width, this.height);
}
};
/**
* Checks if the x, and y coords passed to this function are contained within this Rectangle
@ -251,7 +253,7 @@ PIXI.Rectangle.prototype.contains = function(x, y)
}
return false;
}
};
// constructor
PIXI.Rectangle.prototype.constructor = PIXI.Rectangle;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -294,6 +296,8 @@ PIXI.DisplayObject = function()
*/
this._interactive = false;
this.defaultCursor = &#x27;pointer&#x27;;
/**
* [read-only] Current transform of the object based on world (parent) factors
*
@ -302,7 +306,7 @@ PIXI.DisplayObject = function()
* @readOnly
* @private
*/
this.worldTransform = PIXI.mat3.create()//mat3.identity();
this.worldTransform = PIXI.mat3.create(); //mat3.identity();
/**
* [read-only] Current transform of the object locally
@ -312,7 +316,7 @@ PIXI.DisplayObject = function()
* @readOnly
* @private
*/
this.localTransform = PIXI.mat3.create()//mat3.identity();
this.localTransform = PIXI.mat3.create(); //mat3.identity();
/**
* [NYI] Unkown
@ -339,6 +343,15 @@ PIXI.DisplayObject = function()
this.filterArea = new PIXI.Rectangle(0,0,1,1);
/**
*
*
*
*/
this._bounds = new PIXI.Rectangle(0, 0, 1, 1);
this._currentBounds = null;
/*
* MOUSE Callbacks
*/
@ -411,7 +424,7 @@ PIXI.DisplayObject = function()
* @method touchendoutside
* @param interactionData {InteractionData}
*/
}
};
// constructor
PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
@ -427,7 +440,7 @@ PIXI.DisplayObject.prototype.constructor = PIXI.DisplayObject;
PIXI.DisplayObject.prototype.setInteractive = function(interactive)
{
this.interactive = interactive;
}
};
/**
* Indicates if the sprite will have touch and mouse interactivity. It is false by default
@ -458,32 +471,17 @@ Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;interactive&#x27;, {
* @type Graphics
*/
Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;mask&#x27;, {
get: function() {
return this._mask;
},
set: function(value) {
if(value)
{
if(this._mask)
{
value.start = this._mask.start;
value.end = this._mask.end;
}
else
{
this.addFilter(value);
value.renderable = false;
}
}
else
{
this.removeFilter(this._mask);
this._mask.renderable = true;
}
if(this._mask)this._mask.isMask = false;
this._mask = value;
if(this._mask)this._mask.isMask = true;
}
});
@ -502,9 +500,6 @@ Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;filters&#x27;, {
if(value)
{
if(this._filters)this.removeFilter(this._filters);
this.addFilter(value);
// now put all the passes in one place..
var passes = [];
for (var i = 0; i &lt; value.length; i++)
@ -513,179 +508,19 @@ Object.defineProperty(PIXI.DisplayObject.prototype, &#x27;filters&#x27;, {
for (var j = 0; j &lt; filterPasses.length; j++)
{
passes.push(filterPasses[j]);
};
};
value.start.filterPasses = passes;
}
else
{
if(this._filters)this.removeFilter(this._filters);
}
// TODO change this as it is legacy
this._filterBlock = {target:this, filterPasses:passes};
}
this._filters = value;
}
});
/*
* Adds a filter to this displayObject
*
* @method addFilter
* @param mask {Graphics} the graphics object to use as a filter
* @private
*/
PIXI.DisplayObject.prototype.addFilter = function(data)
{
//if(this.filter)return;
//this.filter = true;
// data[0].target = this;
// insert a filter block..
// TODO Onject pool thease bad boys..
var start = new PIXI.FilterBlock();
var end = new PIXI.FilterBlock();
data.start = start;
data.end = end;
start.data = data;
end.data = data;
start.first = start.last = this;
end.first = end.last = this;
start.open = true;
start.target = this;
/*
* insert start
*/
var childFirst = start
var childLast = start
var nextObject;
var previousObject;
previousObject = this.first._iPrev;
if(previousObject)
{
nextObject = previousObject._iNext;
childFirst._iPrev = previousObject;
previousObject._iNext = childFirst;
}
else
{
nextObject = this;
}
if(nextObject)
{
nextObject._iPrev = childLast;
childLast._iNext = nextObject;
}
// now insert the end filter block..
/*
* insert end filter
*/
var childFirst = end
var childLast = end
var nextObject = null;
var previousObject = null;
previousObject = this.last;
nextObject = previousObject._iNext;
if(nextObject)
{
nextObject._iPrev = childLast;
childLast._iNext = nextObject;
}
childFirst._iPrev = previousObject;
previousObject._iNext = childFirst;
var updateLast = this;
var prevLast = this.last;
while(updateLast)
{
if(updateLast.last == prevLast)
{
updateLast.last = end;
}
updateLast = updateLast.parent;
}
this.first = start;
// if webGL...
if(this.__renderGroup)
{
this.__renderGroup.addFilterBlocks(start, end);
}
}
/*
* Removes the filter to this displayObject
*
* @method removeFilter
* @private
*/
PIXI.DisplayObject.prototype.removeFilter = function(data)
{
//if(!this.filter)return;
//this.filter = false;
console.log(&quot;YUOIO&quot;)
// modify the list..
var startBlock = data.start;
var nextObject = startBlock._iNext;
var previousObject = startBlock._iPrev;
if(nextObject)nextObject._iPrev = previousObject;
if(previousObject)previousObject._iNext = nextObject;
this.first = startBlock._iNext;
// remove the end filter
var lastBlock = data.end;
var nextObject = lastBlock._iNext;
var previousObject = lastBlock._iPrev;
if(nextObject)nextObject._iPrev = previousObject;
previousObject._iNext = nextObject;
// this is always true too!
var tempLast = lastBlock._iPrev;
// need to make sure the parents last is updated too
var updateLast = this;
while(updateLast.last == lastBlock)
{
updateLast.last = tempLast;
updateLast = updateLast.parent;
if(!updateLast)break;
}
// if webGL...
if(this.__renderGroup)
{
this.__renderGroup.removeFilterBlocks(startBlock, lastBlock);
}
}
/*
* Updates the object transform for rendering
*
@ -707,7 +542,7 @@ PIXI.DisplayObject.prototype.updateTransform = function()
var worldTransform = this.worldTransform;
//console.log(localTransform)
localTransform[0] = this._cr * this.scale.x;
localTransform[1] = -this._sr * this.scale.y
localTransform[1] = -this._sr * this.scale.y;
localTransform[3] = this._sr * this.scale.x;
localTransform[4] = this._cr * this.scale.y;
@ -723,8 +558,8 @@ PIXI.DisplayObject.prototype.updateTransform = function()
b00 = parentTransform[0], b01 = parentTransform[1], b02 = parentTransform[2],
b10 = parentTransform[3], b11 = parentTransform[4], b12 = parentTransform[5];
localTransform[2] = a02
localTransform[5] = a12
localTransform[2] = a02;
localTransform[5] = a12;
worldTransform[0] = b00 * a00 + b01 * a10;
worldTransform[1] = b00 * a01 + b01 * a11;
@ -739,8 +574,30 @@ PIXI.DisplayObject.prototype.updateTransform = function()
this.worldAlpha = this.alpha * this.parent.worldAlpha;
this.vcount = PIXI.visibleCount;
};
}
PIXI.DisplayObject.prototype.getBounds = function()
{
return PIXI.EmptyRectangle;
};
PIXI.DisplayObject.prototype._renderWebGL = function(renderSession)
{
// OVERWRITE;
// this line is just here to pass jshinting :)
renderSession = renderSession;
};
PIXI.DisplayObject.prototype._renderCanvas = function(renderSession)
{
// OVERWRITE;
// this line is just here to pass jshinting :)
renderSession = renderSession;
};
PIXI.EmptyRectangle = new PIXI.Rectangle(0,0,0,0);
PIXI.visibleCount = 0;
</pre>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -195,12 +197,49 @@ PIXI.DisplayObjectContainer = function()
* @readOnly
*/
this.children = [];
}
};
// constructor
PIXI.DisplayObjectContainer.prototype = Object.create( PIXI.DisplayObject.prototype );
PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
/**
* The width of the displayObjectContainer, setting this will actually modify the scale to acheive the value set
*
* @property width
* @type Number
*/
/*
Object.defineProperty(PIXI.DisplayObjectContainer.prototype, &#x27;width&#x27;, {
get: function() {
return this.scale.x * this.getBounds().width;
},
set: function(value) {
this.scale.x = value / (this.getBounds().width/this.scale.x);
this._width = value;
}
});
*/
/**
* The height of the displayObjectContainer, setting this will actually modify the scale to acheive the value set
*
* @property height
* @type Number
*/
/*
Object.defineProperty(PIXI.DisplayObjectContainer.prototype, &#x27;height&#x27;, {
get: function() {
return this.scale.y * this.getBounds().height;
},
set: function(value) {
this.scale.y = value / (this.getBounds().height/this.scale.y);
this._height = value;
}
});
*/
/**
* Adds a child to the container.
*
@ -209,9 +248,8 @@ PIXI.DisplayObjectContainer.prototype.constructor = PIXI.DisplayObjectContainer;
*/
PIXI.DisplayObjectContainer.prototype.addChild = function(child)
{
if(child.parent != undefined)
if(child.parent)
{
//// COULD BE THIS???
child.parent.removeChild(child);
// return;
@ -223,71 +261,9 @@ PIXI.DisplayObjectContainer.prototype.addChild = function(child)
// update the stage refference..
if(this.stage)
{
var tmpChild = child;
do
{
if(tmpChild.interactive)this.stage.dirty = true;
tmpChild.stage = this.stage;
tmpChild = tmpChild._iNext;
}
while(tmpChild)
}
if(this.stage)this.setStageReference(this.stage);
// LINKED LIST //
// modify the list..
var childFirst = child.first
var childLast = child.last;
var nextObject;
var previousObject;
// this could be wrong if there is a filter??
if(this._filters || this._mask)
{
previousObject = this.last._iPrev;
}
else
{
previousObject = this.last;
}
nextObject = previousObject._iNext;
// always true in this case
// need to make sure the parents last is updated too
var updateLast = this;
var prevLast = previousObject;
while(updateLast)
{
if(updateLast.last == prevLast)
{
updateLast.last = child.last;
}
updateLast = updateLast.parent;
}
if(nextObject)
{
nextObject._iPrev = childLast;
childLast._iNext = nextObject;
}
childFirst._iPrev = previousObject;
previousObject._iNext = childFirst;
// 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);
}
}
};
/**
* Adds a child to the container at a specified index. If the index is out of bounds an error will be thrown
@ -300,81 +276,22 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
{
if(index &gt;= 0 &amp;&amp; index &lt;= this.children.length)
{
if(child.parent != undefined)
if(child.parent)
{
child.parent.removeChild(child);
}
child.parent = this;
if(this.stage)
{
var tmpChild = child;
do
{
if(tmpChild.interactive)this.stage.dirty = true;
tmpChild.stage = this.stage;
tmpChild = tmpChild._iNext;
}
while(tmpChild)
}
// modify the list..
var childFirst = child.first;
var childLast = child.last;
var nextObject;
var previousObject;
if(index == this.children.length)
{
previousObject = this.last;
var updateLast = this;
var prevLast = this.last;
while(updateLast)
{
if(updateLast.last == prevLast)
{
updateLast.last = child.last;
}
updateLast = updateLast.parent;
}
}
else if(index == 0)
{
previousObject = this;
}
else
{
previousObject = this.children[index-1].last;
}
nextObject = previousObject._iNext;
// always true in this case
if(nextObject)
{
nextObject._iPrev = childLast;
childLast._iNext = nextObject;
}
childFirst._iPrev = previousObject;
previousObject._iNext = childFirst;
this.children.splice(index, 0, child);
// 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);
}
if(this.stage)this.setStageReference(this.stage);
}
else
{
throw new Error(child + &quot; The index &quot;+ index +&quot; supplied is out of bounds &quot; + this.children.length);
throw new Error(child + &#x27; The index &#x27;+ index +&#x27; supplied is out of bounds &#x27; + this.children.length);
}
}
};
/**
* [NYI] Swaps the depth of 2 displayObjects
@ -386,44 +303,21 @@ PIXI.DisplayObjectContainer.prototype.addChildAt = function(child, index)
*/
PIXI.DisplayObjectContainer.prototype.swapChildren = function(child, child2)
{
/*
* this funtion needs to be recoded..
* can be done a lot faster..
*/
if(child === child2) {
return;
// need to fix this function :/
/*
// TODO I already know this??
var index = this.children.indexOf( child );
var index2 = this.children.indexOf( child2 );
if ( index !== -1 &amp;&amp; index2 !== -1 )
{
// cool
/*
if(this.stage)
{
// this is to satisfy the webGL batching..
// TODO sure there is a nicer way to achieve this!
this.stage.__removeChild(child);
this.stage.__removeChild(child2);
this.stage.__addChild(child);
this.stage.__addChild(child2);
}
// swap the positions..
this.children[index] = child2;
var index1 = this.children.indexOf(child);
var index2 = this.children.indexOf(child2);
if(index1 &lt; 0 || index2 &lt; 0) {
throw new Error(&#x27;swapChildren: Both the supplied DisplayObjects must be a child of the caller.&#x27;);
}
this.children[index1] = child2;
this.children[index2] = child;
}
else
{
throw new Error(child + &quot; Both the supplied DisplayObjects must be a child of the caller &quot; + this);
}*/
}
};
/**
* Returns the Child at the specified index
@ -439,9 +333,9 @@ PIXI.DisplayObjectContainer.prototype.getChildAt = function(index)
}
else
{
throw new Error(child + &quot; Both the supplied DisplayObjects must be a child of the caller &quot; + this);
throw new Error(&#x27;Both the supplied DisplayObjects must be a child of the caller &#x27; + this);
}
}
};
/**
* Removes a child from the container.
@ -454,60 +348,17 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
var index = this.children.indexOf( child );
if ( index !== -1 )
{
// unlink //
// modify the list..
var childFirst = child.first;
var childLast = child.last;
var nextObject = childLast._iNext;
var previousObject = childFirst._iPrev;
if(nextObject)nextObject._iPrev = previousObject;
previousObject._iNext = nextObject;
if(this.last == childLast)
{
var tempLast = childFirst._iPrev;
// need to make sure the parents last is updated too
var updateLast = this;
while(updateLast.last == childLast.last)
{
updateLast.last = tempLast;
updateLast = updateLast.parent;
if(!updateLast)break;
}
}
childLast._iNext = null;
childFirst._iPrev = null;
// update the stage reference..
if(this.stage)
{
var tmpChild = child;
do
{
if(tmpChild.interactive)this.stage.dirty = true;
tmpChild.stage = null;
tmpChild = tmpChild._iNext;
}
while(tmpChild)
}
// webGL trim
if(child.__renderGroup)
{
child.__renderGroup.removeDisplayObjectAndChildren(child);
}
if(this.stage)this.removeStageReference();
child.parent = undefined;
this.children.splice( index, 1 );
}
else
{
throw new Error(child + &quot; The supplied DisplayObject must be a child of the caller &quot; + this);
throw new Error(child + &#x27; The supplied DisplayObject must be a child of the caller &#x27; + this);
}
}
};
/*
* Updates the container&#x27;s children&#x27;s transform for rendering
@ -517,6 +368,8 @@ PIXI.DisplayObjectContainer.prototype.removeChild = function(child)
*/
PIXI.DisplayObjectContainer.prototype.updateTransform = function()
{
//this._currentBounds = null;
if(!this.visible)return;
PIXI.DisplayObject.prototype.updateTransform.call( this );
@ -525,7 +378,144 @@ PIXI.DisplayObjectContainer.prototype.updateTransform = function()
{
this.children[i].updateTransform();
}
}
};
PIXI.DisplayObjectContainer.prototype.getBounds = function()
{
if(this.children.length === 0)return PIXI.EmptyRectangle;
// TODO the bounds have already been calculated this render session so return what we have
var minX = Infinity;
var minY = Infinity;
var maxX = -Infinity;
var maxY = -Infinity;
var childBounds;
var childMaxX;
var childMaxY;
for(var i=0,j=this.children.length; i&lt;j; i++)
{
var child = this.children[i];
if(!child.visible)continue;
childBounds = this.children[i].getBounds();
minX = minX &lt; childBounds.x ? minX : childBounds.x;
minY = minY &lt; childBounds.y ? minY : childBounds.y;
childMaxX = childBounds.width + childBounds.x;
childMaxY = childBounds.height + childBounds.y;
maxX = maxX &gt; childMaxX ? maxX : childMaxX;
maxY = maxY &gt; childMaxY ? maxY : childMaxY;
}
var bounds = this._bounds;
bounds.x = minX;
bounds.y = minY;
bounds.width = maxX - minX;
bounds.height = maxY - minY;
// TODO: store a refferance so that if this function gets called again in the render cycle we do not have to recacalculate
//this._currentBounds = bounds;
return bounds;
};
PIXI.DisplayObjectContainer.prototype.setStageReference = function(stage)
{
this.stage = stage;
for(var i=0,j=this.children.length; i&lt;j; i++)
{
var child = this.children[i];
if(child.interactive)this.stage.dirty = true;
child.setStageReference(stage);
}
};
PIXI.DisplayObjectContainer.prototype.removeStageReference = function()
{
for(var i=0,j=this.children.length; i&lt;j; i++)
{
var child = this.children[i];
if(child.interactive)this.stage.dirty = true;
child.removeStageReference();
child.stage = null;
}
};
PIXI.DisplayObjectContainer.prototype._renderWebGL = function(renderSession)
{
if(this.visible === false || this.alpha === 0)return;
var i,j;
if(this._mask || this._filters)
{
if(this._mask)
{
renderSession.spriteBatch.stop();
renderSession.maskManager.pushMask(this.mask, renderSession);
renderSession.spriteBatch.start();
}
if(this._filters)
{
renderSession.spriteBatch.flush();
renderSession.filterManager.pushFilter(this._filterBlock);
}
// simple render children!
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
renderSession.spriteBatch.stop();
if(this._filters)renderSession.filterManager.popFilter();
if(this._mask)renderSession.maskManager.popMask(renderSession);
renderSession.spriteBatch.start();
}
else
{
// simple render children!
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
}
};
PIXI.DisplayObjectContainer.prototype._renderCanvas = function(renderSession)
{
if(this.visible === false || this.alpha === 0)return;
if(this._mask)
{
renderSession.maskManager.pushMask(this._mask, renderSession.context);
}
for(var i=0,j=this.children.length; i&lt;j; i++)
{
var child = this.children[i];
child._renderCanvas(renderSession);
}
if(this._mask)
{
renderSession.maskManager.popMask(renderSession.context);
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -238,7 +240,7 @@ PIXI.MovieClip = function(textures)
* @readOnly
*/
this.playing = false;
}
};
// constructor
PIXI.MovieClip.prototype = Object.create( PIXI.Sprite.prototype );
@ -269,7 +271,7 @@ Object.defineProperty( PIXI.MovieClip.prototype, &#x27;totalFrames&#x27;, {
PIXI.MovieClip.prototype.stop = function()
{
this.playing = false;
}
};
/**
* Plays the MovieClip
@ -279,7 +281,7 @@ PIXI.MovieClip.prototype.stop = function()
PIXI.MovieClip.prototype.play = function()
{
this.playing = true;
}
};
/**
* Stops the MovieClip and goes to a specific frame
@ -293,7 +295,7 @@ PIXI.MovieClip.prototype.gotoAndStop = function(frameNumber)
this.currentFrame = frameNumber;
var round = (this.currentFrame + 0.5) | 0;
this.setTexture(this.textures[round % this.textures.length]);
}
};
/**
* Goes to a specific frame and begins playing the MovieClip
@ -305,7 +307,7 @@ PIXI.MovieClip.prototype.gotoAndPlay = function(frameNumber)
{
this.currentFrame = frameNumber;
this.playing = true;
}
};
/*
* Updates the object transform for rendering
@ -335,7 +337,8 @@ PIXI.MovieClip.prototype.updateTransform = function()
this.onComplete();
}
}
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -176,13 +178,14 @@
PIXI.blendModes = {};
PIXI.blendModes.NORMAL = 0;
PIXI.blendModes.SCREEN = 1;
PIXI.blendModes.ADD = 1;
PIXI.blendModes.MULTIPLY = 2;
PIXI.blendModes.SCREEN = 3;
/**
* The SPrite object is the base for all textured objects that are rendered to the screen
*
* @class Sprite
* @class Sprite
* @extends DisplayObjectContainer
* @constructor
* @param texture {Texture} The texture for this sprite
@ -238,9 +241,23 @@ PIXI.Sprite = function(texture)
*/
this._height = 0;
/**
* The tint applied to the sprite. This is a hex value
*
* @property tint
* @type Number
* @default 0xFFFFFF
* @private
*/
this.tint = 0xFFFFFF;// * Math.random();
this.blendMode = PIXI.blendModes.NORMAL;
if(texture.baseTexture.hasLoaded)
{
this.updateFrame = true;
this.onTextureUpdate();
}
else
{
@ -249,7 +266,7 @@ PIXI.Sprite = function(texture)
}
this.renderable = true;
}
};
// constructor
PIXI.Sprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
@ -266,7 +283,7 @@ Object.defineProperty(PIXI.Sprite.prototype, &#x27;width&#x27;, {
return this.scale.x * this.texture.frame.width;
},
set: function(value) {
this.scale.x = value / this.texture.frame.width
this.scale.x = value / this.texture.frame.width;
this._width = value;
}
});
@ -282,7 +299,7 @@ Object.defineProperty(PIXI.Sprite.prototype, &#x27;height&#x27;, {
return this.scale.y * this.texture.frame.height;
},
set: function(value) {
this.scale.y = value / this.texture.frame.height
this.scale.y = value / this.texture.frame.height;
this._height = value;
}
});
@ -296,23 +313,19 @@ Object.defineProperty(PIXI.Sprite.prototype, &#x27;height&#x27;, {
PIXI.Sprite.prototype.setTexture = function(texture)
{
// stop current texture;
if(this.texture.baseTexture != texture.baseTexture)
if(this.texture.baseTexture !== texture.baseTexture)
{
this.textureChange = true;
this.texture = texture;
if(this.__renderGroup)
{
this.__renderGroup.updateTexture(this);
}
}
else
{
this.texture = texture;
}
this.cachedTint = 0xFFFFFF;
this.updateFrame = true;
}
};
/**
* When the texture is updated, this event will fire to update the scale and frame
@ -321,16 +334,256 @@ PIXI.Sprite.prototype.setTexture = function(texture)
* @param event
* @private
*/
PIXI.Sprite.prototype.onTextureUpdate = function(event)
PIXI.Sprite.prototype.onTextureUpdate = function()
{
//this.texture.removeEventListener( &#x27;update&#x27;, this.onTextureUpdateBind );
// so if _width is 0 then width was not set..
if(this._width)this.scale.x = this._width / this.texture.frame.width;
if(this._height)this.scale.y = this._height / this.texture.frame.height;
this.updateFrame = true;
}
};
PIXI.Sprite.prototype.getBounds = function()
{
var width = this.texture.frame.width;
var height = this.texture.frame.height;
var w0 = width * (1-this.anchor.x);
var w1 = width * -this.anchor.x;
var h0 = height * (1-this.anchor.y);
var h1 = height * -this.anchor.y;
var worldTransform = this.worldTransform;
var a = worldTransform[0];
var b = worldTransform[3];
var c = worldTransform[1];
var d = worldTransform[4];
var tx = worldTransform[2];
var ty = worldTransform[5];
var x1 = a * w1 + c * h1 + tx;
var y1 = d * h1 + b * w1 + ty;
var x2 = a * w0 + c * h1 + tx;
var y2 = d * h1 + b * w0 + ty;
var x3 = a * w0 + c * h0 + tx;
var y3 = d * h0 + b * w0 + ty;
var x4 = a * w1 + c * h0 + tx;
var y4 = d * h0 + b * w1 + ty;
var maxX = -Infinity;
var maxY = -Infinity;
var minX = Infinity;
var minY = Infinity;
minX = x1 &lt; minX ? x1 : minX;
minX = x2 &lt; minX ? x2 : minX;
minX = x3 &lt; minX ? x3 : minX;
minX = x4 &lt; minX ? x4 : minX;
minY = y1 &lt; minY ? y1 : minY;
minY = y2 &lt; minY ? y2 : minY;
minY = y3 &lt; minY ? y3 : minY;
minY = y4 &lt; minY ? y4 : minY;
maxX = x1 &gt; maxX ? x1 : maxX;
maxX = x2 &gt; maxX ? x2 : maxX;
maxX = x3 &gt; maxX ? x3 : maxX;
maxX = x4 &gt; maxX ? x4 : maxX;
maxY = y1 &gt; maxY ? y1 : maxY;
maxY = y2 &gt; maxY ? y2 : maxY;
maxY = y3 &gt; maxY ? y3 : maxY;
maxY = y4 &gt; maxY ? y4 : maxY;
var bounds = this._bounds;
bounds.x = minX;
bounds.width = maxX - minX;
bounds.y = minY;
bounds.height = maxY - minY;
// store a refferance so that if this function gets called again in the render cycle we do not have to recacalculate
this._currentBounds = bounds;
return bounds;
};
PIXI.Sprite.prototype._renderWebGL = function(renderSession)
{
// if the sprite is not visible or the alpha is 0 then no need to render this element
if(this.visible === false || this.alpha === 0)return;
var i,j;
// do a quick check to see if this element has a mask or a filter.
if(this._mask || this._filters)
{
var spriteBatch = renderSession.spriteBatch;
if(this._mask)
{
spriteBatch.stop();
renderSession.maskManager.pushMask(this.mask, renderSession);
spriteBatch.start();
}
if(this._filters)
{
spriteBatch.flush();
renderSession.filterManager.pushFilter(this._filterBlock);
}
// add this sprite to the batch
spriteBatch.render(this);
// now loop through the children and make sure they get rendered
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
// time to stop the sprite batch as either a mask element or a filter draw will happen next
spriteBatch.stop();
if(this._filters)renderSession.filterManager.popFilter();
if(this._mask)renderSession.maskManager.popMask(renderSession);
spriteBatch.start();
}
else
{
renderSession.spriteBatch.render(this);
// simple render children!
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
}
//TODO check culling
};
PIXI.Sprite.prototype._renderCanvas = function(renderSession)
{
// if the sprite is not visible or the alpha is 0 then no need to render this element
if(this.visible === false || this.alpha === 0)return;
if(this._mask)
{
renderSession.maskManager.pushMask(this._mask, renderSession.context);
}
var frame = this.texture.frame;
var context = renderSession.context;
var texture = this.texture;
//ignore null sources
if(frame &amp;&amp; frame.width &amp;&amp; frame.height &amp;&amp; texture.baseTexture.source)
{
context.globalAlpha = this.worldAlpha;
var transform = this.worldTransform;
// alow for trimming
context.setTransform(transform[0], transform[3], transform[1], transform[4], transform[2], transform[5]);
// check blend mode
if(this.blendMode !== renderSession.currentBlendMode)
{
renderSession.currentBlendMode = this.blendMode;
context.globalCompositeOperation = PIXI.blendModesCanvas[renderSession.currentBlendMode];
}
//if smoothingEnabled is supported and we need to change the smoothing property for this texture
// if(this.smoothProperty &amp;&amp; this.scaleMode !== displayObject.texture.baseTexture.scaleMode) {
// this.scaleMode = displayObject.texture.baseTexture.scaleMode;
// context[this.smoothProperty] = (this.scaleMode === PIXI.BaseTexture.SCALE_MODE.LINEAR);
//}
if(this.tint !== 0xFFFFFF)
{
if(this.cachedTint !== this.tint)
{
this.cachedTint = this.tint;
//TODO clean up cacheing - how to clean up the caches?
this.tintedTexture = PIXI.CanvasTinter.getTintedTexture(this, this.tint);
}
context.drawImage(this.tintedTexture,
0,
0,
frame.width,
frame.height,
(this.anchor.x) * -frame.width,
(this.anchor.y) * -frame.height,
frame.width,
frame.height);
}
else
{
if(texture.trimmed)
{
var trim = texture.trim;
context.drawImage(this.texture.baseTexture.source,
frame.x,
frame.y,
frame.width,
frame.height,
trim.x - this.anchor.x * trim.realWidth,
trim.y - this.anchor.y * trim.realHeight,
frame.width,
frame.height);
}
else
{
context.drawImage(this.texture.baseTexture.source,
frame.x,
frame.y,
frame.width,
frame.height,
(this.anchor.x) * -frame.width,
(this.anchor.y) * -frame.height,
frame.width,
frame.height);
}
}
}
// OVERWRITE
for(var i=0,j=this.children.length; i&lt;j; i++)
{
var child = this.children[i];
child._renderCanvas(renderSession);
}
if(this._mask)
{
renderSession.maskManager.popMask(renderSession.context);
}
};
// some helper functions..
@ -347,9 +600,9 @@ PIXI.Sprite.prototype.onTextureUpdate = function(event)
PIXI.Sprite.fromFrame = function(frameId)
{
var texture = PIXI.TextureCache[frameId];
if(!texture)throw new Error(&quot;The frameId &#x27;&quot;+ frameId +&quot;&#x27; does not exist in the texture cache&quot; + this);
if(!texture) throw new Error(&#x27;The frameId &quot;&#x27; + frameId + &#x27;&quot; does not exist in the texture cache&#x27; + this);
return new PIXI.Sprite(texture);
}
};
/**
*
@ -365,7 +618,7 @@ PIXI.Sprite.fromImage = function(imageId)
{
var texture = PIXI.Texture.fromImage(imageId);
return new PIXI.Sprite(texture);
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -233,7 +235,7 @@ PIXI.Stage = function(backgroundColor)
this.setBackgroundColor(backgroundColor);
this.worldVisible = true;
}
};
// constructor
PIXI.Stage.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
@ -249,7 +251,7 @@ PIXI.Stage.prototype.constructor = PIXI.Stage;
PIXI.Stage.prototype.setInteractionDelegate = function(domElement)
{
this.interactionManager.setTargetDomElement( domElement );
}
};
/*
* Updates the object transform for rendering
@ -274,9 +276,8 @@ PIXI.Stage.prototype.updateTransform = function()
this.interactionManager.dirty = true;
}
if(this.interactive)this.interactionManager.update();
}
};
/**
* Sets the background color for the stage
@ -288,11 +289,11 @@ PIXI.Stage.prototype.updateTransform = function()
PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
{
this.backgroundColor = backgroundColor || 0x000000;
this.backgroundColorSplit = HEXtoRGB(this.backgroundColor);
this.backgroundColorSplit = PIXI.hex2rgb(this.backgroundColor);
var hex = this.backgroundColor.toString(16);
hex = &quot;000000&quot;.substr(0, 6 - hex.length) + hex;
this.backgroundColorString = &quot;#&quot; + hex;
}
hex = &#x27;000000&#x27;.substr(0, 6 - hex.length) + hex;
this.backgroundColorString = &#x27;#&#x27; + hex;
};
/**
* This will return the point containing global coords of the mouse.
@ -303,7 +304,7 @@ PIXI.Stage.prototype.setBackgroundColor = function(backgroundColor)
PIXI.Stage.prototype.getMousePosition = function()
{
return this.interactionManager.mouse.global;
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,6 @@
* @author Mat Groves http://matgroves.com/
*/
PIXI.Rope = function(texture, points)
{
PIXI.Strip.call( this, texture );
@ -182,22 +183,21 @@ PIXI.Rope = function(texture, points)
try
{
this.verticies = new Float32Array( points.length * 4);
this.uvs = new Float32Array( points.length * 4);
this.colors = new Float32Array( points.length * 2);
this.indices = new Uint16Array( points.length * 2);
this.verticies = new Float32Array(points.length * 4);
this.uvs = new Float32Array(points.length * 4);
this.colors = new Float32Array(points.length * 2);
this.indices = new Uint16Array(points.length * 2);
}
catch(error)
{
this.verticies = verticies
this.uvs = uvs
this.colors = colors
this.indices = indices
this.verticies = new Array(points.length * 4);
this.uvs = new Array(points.length * 4);
this.colors = new Array(points.length * 2);
this.indices = new Array(points.length * 2);
}
this.refresh();
}
};
// constructor
@ -207,24 +207,21 @@ PIXI.Rope.prototype.constructor = PIXI.Rope;
PIXI.Rope.prototype.refresh = function()
{
var points = this.points;
if(points.length &lt; 1)return;
if(points.length &lt; 1) return;
var uvs = this.uvs
var indices = this.indices;
var colors = this.colors;
var uvs = this.uvs;
var lastPoint = points[0];
var nextPoint;
var perp = {x:0, y:0};
var point = points[0];
var indices = this.indices;
var colors = this.colors;
this.count-=0.2;
uvs[0] = 0
uvs[1] = 1
uvs[2] = 0
uvs[3] = 1
uvs[0] = 0;
uvs[1] = 1;
uvs[2] = 0;
uvs[3] = 1;
colors[0] = 1;
colors[1] = 1;
@ -232,32 +229,33 @@ PIXI.Rope.prototype.refresh = function()
indices[0] = 0;
indices[1] = 1;
var total = points.length;
var total = points.length,
point, index, amount;
for (var i = 1; i &lt; total; i++)
{
var point = points[i];
var index = i * 4;
point = points[i];
index = i * 4;
// time to do some smart drawing!
var amount = i/(total-1)
amount = i / (total-1);
if(i%2)
{
uvs[index] = amount;
uvs[index+1] = 0;
uvs[index+2] = amount
uvs[index+3] = 1
uvs[index+2] = amount;
uvs[index+3] = 1;
}
else
{
uvs[index] = amount
uvs[index+1] = 0
uvs[index] = amount;
uvs[index+1] = 0;
uvs[index+2] = amount
uvs[index+3] = 1
uvs[index+2] = amount;
uvs[index+3] = 1;
}
index = i * 2;
@ -270,7 +268,7 @@ PIXI.Rope.prototype.refresh = function()
lastPoint = point;
}
}
};
PIXI.Rope.prototype.updateTransform = function()
{
@ -278,28 +276,26 @@ PIXI.Rope.prototype.updateTransform = function()
var points = this.points;
if(points.length &lt; 1)return;
var verticies = this.verticies
var lastPoint = points[0];
var nextPoint;
var perp = {x:0, y:0};
var point = points[0];
this.count-=0.2;
verticies[0] = point.x + perp.x
verticies[1] = point.y + perp.y //+ 200
verticies[2] = point.x - perp.x
verticies[3] = point.y - perp.y//+200
var verticies = this.verticies;
verticies[0] = lastPoint.x + perp.x;
verticies[1] = lastPoint.y + perp.y; //+ 200
verticies[2] = lastPoint.x - perp.x;
verticies[3] = lastPoint.y - perp.y;//+200
// time to do some smart drawing!
var total = points.length;
var total = points.length,
point, index, ratio, perpLength, num;
for (var i = 1; i &lt; total; i++)
{
var point = points[i];
var index = i * 4;
point = points[i];
index = i * 4;
if(i &lt; points.length-1)
{
@ -307,44 +303,41 @@ PIXI.Rope.prototype.updateTransform = function()
}
else
{
nextPoint = point
nextPoint = point;
}
perp.y = -(nextPoint.x - lastPoint.x);
perp.x = nextPoint.y - lastPoint.y;
var ratio = (1 - (i / (total-1))) * 10;
if(ratio &gt; 1)ratio = 1;
ratio = (1 - (i / (total-1))) * 10;
var perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
var num = this.texture.height/2//(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
if(ratio &gt; 1) ratio = 1;
perpLength = Math.sqrt(perp.x * perp.x + perp.y * perp.y);
num = this.texture.height / 2; //(20 + Math.abs(Math.sin((i + this.count) * 0.3) * 50) )* ratio;
perp.x /= perpLength;
perp.y /= perpLength;
perp.x *= num;
perp.y *= num;
verticies[index] = point.x + perp.x
verticies[index+1] = point.y + perp.y
verticies[index+2] = point.x - perp.x
verticies[index+3] = point.y - perp.y
verticies[index] = point.x + perp.x;
verticies[index+1] = point.y + perp.y;
verticies[index+2] = point.x - perp.x;
verticies[index+3] = point.y - perp.y;
lastPoint = point;
}
PIXI.DisplayObjectContainer.prototype.updateTransform.call( this );
}
};
PIXI.Rope.prototype.setTexture = function(texture)
{
// stop current texture
this.texture = texture;
this.updateFrame = true;
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -179,122 +181,6 @@
*
*/
/**
* A class that enables the you to import and run your spine animations in pixi.
* Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
* See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
*
* @class Spine
* @extends DisplayObjectContainer
* @constructor
* @param url {String} The url of the spine anim file to be used
*/
PIXI.Spine = function (url) {
PIXI.DisplayObjectContainer.call(this);
this.spineData = PIXI.AnimCache[url];
if (!this.spineData) {
throw new Error(&quot;Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: &quot; + url);
}
this.skeleton = new spine.Skeleton(this.spineData);
this.skeleton.updateWorldTransform();
this.stateData = new spine.AnimationStateData(this.spineData);
this.state = new spine.AnimationState(this.stateData);
this.slotContainers = [];
for (var i = 0, n = this.skeleton.drawOrder.length; i &lt; n; i++) {
var slot = this.skeleton.drawOrder[i];
var attachment = slot.attachment;
var slotContainer = new PIXI.DisplayObjectContainer();
this.slotContainers.push(slotContainer);
this.addChild(slotContainer);
if (!(attachment instanceof spine.RegionAttachment)) {
continue;
}
var spriteName = attachment.rendererObject.name;
var sprite = this.createSprite(slot, attachment.rendererObject);
slot.currentSprite = sprite;
slot.currentSpriteName = spriteName;
slotContainer.addChild(sprite);
}
};
PIXI.Spine.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
PIXI.Spine.prototype.constructor = PIXI.Spine;
/*
* Updates the object transform for rendering
*
* @method updateTransform
* @private
*/
PIXI.Spine.prototype.updateTransform = function () {
this.lastTime = this.lastTime || Date.now();
var timeDelta = (Date.now() - this.lastTime) * 0.001;
this.lastTime = Date.now();
this.state.update(timeDelta);
this.state.apply(this.skeleton);
this.skeleton.updateWorldTransform();
var drawOrder = this.skeleton.drawOrder;
for (var i = 0, n = drawOrder.length; i &lt; n; i++) {
var slot = drawOrder[i];
var attachment = slot.attachment;
var slotContainer = this.slotContainers[i];
if (!(attachment instanceof spine.RegionAttachment)) {
slotContainer.visible = false;
continue;
}
if (attachment.rendererObject) {
if (!slot.currentSpriteName || slot.currentSpriteName != attachment.name) {
var spriteName = attachment.rendererObject.name;
if (slot.currentSprite !== undefined) {
slot.currentSprite.visible = false;
}
slot.sprites = slot.sprites || {};
if (slot.sprites[spriteName] !== undefined) {
slot.sprites[spriteName].visible = true;
} else {
var sprite = this.createSprite(slot, attachment.rendererObject);
slotContainer.addChild(sprite);
}
slot.currentSprite = slot.sprites[spriteName];
slot.currentSpriteName = spriteName;
}
}
slotContainer.visible = true;
var bone = slot.bone;
slotContainer.position.x = bone.worldX + attachment.x * bone.m00 + attachment.y * bone.m01;
slotContainer.position.y = bone.worldY + attachment.x * bone.m10 + attachment.y * bone.m11;
slotContainer.scale.x = bone.worldScaleX;
slotContainer.scale.y = bone.worldScaleY;
slotContainer.rotation = -(slot.bone.worldRotation * Math.PI / 180);
}
PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
};
PIXI.Spine.prototype.createSprite = function (slot, descriptor) {
var name = PIXI.TextureCache[descriptor.name] ? descriptor.name : descriptor.name + &quot;.png&quot;;
var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(name));
sprite.scale = descriptor.scale;
sprite.rotation = descriptor.rotation;
sprite.anchor.x = sprite.anchor.y = 0.5;
slot.sprites = slot.sprites || {};
slot.sprites[descriptor.name] = sprite;
return sprite;
};
/*
* Awesome JS run time provided by EsotericSoftware
*
@ -434,7 +320,7 @@ spine.Skin.prototype = {
_attachAll: function (skeleton, oldSkin) {
for (var key in oldSkin.attachments) {
var colon = key.indexOf(&quot;:&quot;);
var slotIndex = parseInt(key.substring(0, colon));
var slotIndex = parseInt(key.substring(0, colon), 10);
var name = key.substring(colon + 1);
var slot = skeleton.slots[slotIndex];
if (slot.attachment &amp;&amp; slot.attachment.name == name) {
@ -452,13 +338,13 @@ spine.Animation = function (name, timelines, duration) {
};
spine.Animation.prototype = {
apply: function (skeleton, time, loop) {
if (loop &amp;&amp; this.duration != 0) time %= this.duration;
if (loop &amp;&amp; this.duration) time %= this.duration;
var timelines = this.timelines;
for (var i = 0, n = timelines.length; i &lt; n; i++)
timelines[i].apply(skeleton, time, 1);
},
mix: function (skeleton, time, loop, alpha) {
if (loop &amp;&amp; this.duration != 0) time %= this.duration;
if (loop &amp;&amp; this.duration) time %= this.duration;
var timelines = this.timelines;
for (var i = 0, n = timelines.length; i &lt; n; i++)
timelines[i].apply(skeleton, time, alpha);
@ -468,7 +354,7 @@ spine.Animation.prototype = {
spine.binarySearch = function (values, target, step) {
var low = 0;
var high = Math.floor(values.length / step) - 2;
if (high == 0) return step;
if (!high) return step;
var current = high &gt;&gt;&gt; 1;
while (true) {
if (values[(current + 1) * step] &lt;= target)
@ -540,7 +426,7 @@ spine.Curves.prototype = {
var lastY = y - dfy;
return lastY + (y - lastY) * (percent - lastX) / (x - lastX);
}
if (i == 0) break;
if (!i) break;
i--;
dfx += ddfx;
dfy += ddfy;
@ -569,13 +455,15 @@ spine.RotateTimeline.prototype = {
this.frames[frameIndex + 1] = angle;
},
apply: function (skeleton, time, alpha) {
var frames = this.frames;
var frames = this.frames,
amount;
if (time &lt; frames[0]) return; // Time is before first frame.
var bone = skeleton.bones[this.boneIndex];
if (time &gt;= frames[frames.length - 2]) { // Time is after last frame.
var amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
amount = bone.data.rotation + frames[frames.length - 1] - bone.rotation;
while (amount &gt; 180)
amount -= 360;
while (amount &lt; -180)
@ -591,7 +479,7 @@ spine.RotateTimeline.prototype = {
var percent = 1 - (time - frameTime) / (frames[frameIndex - 2/*LAST_FRAME_TIME*/] - frameTime);
percent = this.curves.getCurvePercent(frameIndex / 2 - 1, percent);
var amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
amount = frames[frameIndex + 1/*FRAME_VALUE*/] - lastFrameValue;
while (amount &gt; 180)
amount -= 360;
while (amount &lt; -180)
@ -844,7 +732,7 @@ spine.Skeleton = function (skeletonData) {
this.slots = [];
this.drawOrder = [];
for (var i = 0, n = skeletonData.slots.length; i &lt; n; i++) {
for (i = 0, n = skeletonData.slots.length; i &lt; n; i++) {
var slotData = skeletonData.slots[i];
var bone = this.bones[skeletonData.bones.indexOf(slotData.boneData)];
var slot = new spine.Slot(slotData, this, bone);
@ -883,7 +771,7 @@ spine.Skeleton.prototype = {
},
/** @return May return null. */
getRootBone: function () {
return this.bones.length == 0 ? null : this.bones[0];
return this.bones.length ? this.bones[0] : null;
},
/** @return May be null. */
findBone: function (boneName) {
@ -1155,7 +1043,7 @@ spine.AnimationState.prototype = {
entry.loop = loop;
if (!delay || delay &lt;= 0) {
var previousAnimation = this.queue.length == 0 ? this.current : this.queue[this.queue.length - 1].animation;
var previousAnimation = this.queue.length ? this.queue[this.queue.length - 1].animation : this.current;
if (previousAnimation != null)
delay = previousAnimation.duration - this.data.getMix(previousAnimation, animation) + (delay || 0);
else
@ -1177,7 +1065,9 @@ spine.SkeletonJson = function (attachmentLoader) {
spine.SkeletonJson.prototype = {
scale: 1,
readSkeletonData: function (root) {
var skeletonData = new spine.SkeletonData();
/*jshint -W069*/
var skeletonData = new spine.SkeletonData(),
boneData;
// Bones.
var bones = root[&quot;bones&quot;];
@ -1188,7 +1078,7 @@ spine.SkeletonJson.prototype = {
parent = skeletonData.findBone(boneMap[&quot;parent&quot;]);
if (!parent) throw &quot;Parent bone not found: &quot; + boneMap[&quot;parent&quot;];
}
var boneData = new spine.BoneData(boneMap[&quot;name&quot;], parent);
boneData = new spine.BoneData(boneMap[&quot;name&quot;], parent);
boneData.length = (boneMap[&quot;length&quot;] || 0) * this.scale;
boneData.x = (boneMap[&quot;x&quot;] || 0) * this.scale;
boneData.y = (boneMap[&quot;y&quot;] || 0) * this.scale;
@ -1200,9 +1090,9 @@ spine.SkeletonJson.prototype = {
// Slots.
var slots = root[&quot;slots&quot;];
for (var i = 0, n = slots.length; i &lt; n; i++) {
for (i = 0, n = slots.length; i &lt; n; i++) {
var slotMap = slots[i];
var boneData = skeletonData.findBone(slotMap[&quot;bone&quot;]);
boneData = skeletonData.findBone(slotMap[&quot;bone&quot;]);
if (!boneData) throw &quot;Slot bone not found: &quot; + slotMap[&quot;bone&quot;];
var slotData = new spine.SlotData(slotMap[&quot;name&quot;], boneData);
@ -1249,6 +1139,7 @@ spine.SkeletonJson.prototype = {
return skeletonData;
},
readAttachment: function (skin, name, map) {
/*jshint -W069*/
name = map[&quot;name&quot;] || name;
var type = spine.AttachmentType[map[&quot;type&quot;] || &quot;region&quot;];
@ -1277,8 +1168,11 @@ spine.SkeletonJson.prototype = {
},
readAnimation: function (name, map, skeletonData) {
/*jshint -W069*/
var timelines = [];
var duration = 0;
var frameIndex, timeline, timelineName, valueMap, values,
i, n;
var bones = map[&quot;bones&quot;];
for (var boneName in bones) {
@ -1287,16 +1181,16 @@ spine.SkeletonJson.prototype = {
if (boneIndex == -1) throw &quot;Bone not found: &quot; + boneName;
var boneMap = bones[boneName];
for (var timelineName in boneMap) {
for (timelineName in boneMap) {
if (!boneMap.hasOwnProperty(timelineName)) continue;
var values = boneMap[timelineName];
values = boneMap[timelineName];
if (timelineName == &quot;rotate&quot;) {
var timeline = new spine.RotateTimeline(values.length);
timeline = new spine.RotateTimeline(values.length);
timeline.boneIndex = boneIndex;
var frameIndex = 0;
for (var i = 0, n = values.length; i &lt; n; i++) {
var valueMap = values[i];
frameIndex = 0;
for (i = 0, n = values.length; i &lt; n; i++) {
valueMap = values[i];
timeline.setFrame(frameIndex, valueMap[&quot;time&quot;], valueMap[&quot;angle&quot;]);
spine.SkeletonJson.readCurve(timeline, frameIndex, valueMap);
frameIndex++;
@ -1305,7 +1199,6 @@ spine.SkeletonJson.prototype = {
duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 2 - 2]);
} else if (timelineName == &quot;translate&quot; || timelineName == &quot;scale&quot;) {
var timeline;
var timelineScale = 1;
if (timelineName == &quot;scale&quot;)
timeline = new spine.ScaleTimeline(values.length);
@ -1315,9 +1208,9 @@ spine.SkeletonJson.prototype = {
}
timeline.boneIndex = boneIndex;
var frameIndex = 0;
for (var i = 0, n = values.length; i &lt; n; i++) {
var valueMap = values[i];
frameIndex = 0;
for (i = 0, n = values.length; i &lt; n; i++) {
valueMap = values[i];
var x = (valueMap[&quot;x&quot;] || 0) * timelineScale;
var y = (valueMap[&quot;y&quot;] || 0) * timelineScale;
timeline.setFrame(frameIndex, valueMap[&quot;time&quot;], x, y);
@ -1337,16 +1230,16 @@ spine.SkeletonJson.prototype = {
var slotMap = slots[slotName];
var slotIndex = skeletonData.findSlotIndex(slotName);
for (var timelineName in slotMap) {
for (timelineName in slotMap) {
if (!slotMap.hasOwnProperty(timelineName)) continue;
var values = slotMap[timelineName];
values = slotMap[timelineName];
if (timelineName == &quot;color&quot;) {
var timeline = new spine.ColorTimeline(values.length);
timeline = new spine.ColorTimeline(values.length);
timeline.slotIndex = slotIndex;
var frameIndex = 0;
for (var i = 0, n = values.length; i &lt; n; i++) {
var valueMap = values[i];
frameIndex = 0;
for (i = 0, n = values.length; i &lt; n; i++) {
valueMap = values[i];
var color = valueMap[&quot;color&quot;];
var r = spine.SkeletonJson.toColor(color, 0);
var g = spine.SkeletonJson.toColor(color, 1);
@ -1360,12 +1253,12 @@ spine.SkeletonJson.prototype = {
duration = Math.max(duration, timeline.frames[timeline.getFrameCount() * 5 - 5]);
} else if (timelineName == &quot;attachment&quot;) {
var timeline = new spine.AttachmentTimeline(values.length);
timeline = new spine.AttachmentTimeline(values.length);
timeline.slotIndex = slotIndex;
var frameIndex = 0;
for (var i = 0, n = values.length; i &lt; n; i++) {
var valueMap = values[i];
frameIndex = 0;
for (i = 0, n = values.length; i &lt; n; i++) {
valueMap = values[i];
timeline.setFrame(frameIndex++, valueMap[&quot;time&quot;], valueMap[&quot;name&quot;]);
}
timelines.push(timeline);
@ -1379,6 +1272,7 @@ spine.SkeletonJson.prototype = {
}
};
spine.SkeletonJson.readCurve = function (timeline, frameIndex, valueMap) {
/*jshint -W069*/
var curve = valueMap[&quot;curve&quot;];
if (!curve) return;
if (curve == &quot;stepped&quot;)
@ -1404,7 +1298,7 @@ spine.Atlas = function (atlasText, textureLoader) {
var line = reader.readLine();
if (line == null) break;
line = reader.trim(line);
if (line.length == 0)
if (!line.length)
page = null;
else if (!page) {
page = new spine.AtlasPage();
@ -1438,12 +1332,12 @@ spine.Atlas = function (atlasText, textureLoader) {
region.rotate = reader.readValue() == &quot;true&quot;;
reader.readTuple(tuple);
var x = parseInt(tuple[0]);
var y = parseInt(tuple[1]);
var x = parseInt(tuple[0], 10);
var y = parseInt(tuple[1], 10);
reader.readTuple(tuple);
var width = parseInt(tuple[0]);
var height = parseInt(tuple[1]);
var width = parseInt(tuple[0], 10);
var height = parseInt(tuple[1], 10);
region.u = x / page.width;
region.v = y / page.height;
@ -1460,23 +1354,23 @@ spine.Atlas = function (atlasText, textureLoader) {
region.height = Math.abs(height);
if (reader.readTuple(tuple) == 4) { // split is optional
region.splits = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
region.splits = [parseInt(tuple[0], 10), parseInt(tuple[1], 10), parseInt(tuple[2], 10), parseInt(tuple[3], 10)];
if (reader.readTuple(tuple) == 4) { // pad is optional, but only present with splits
region.pads = [parseInt(tuple[0]), parseInt(tuple[1]), parseInt(tuple[2]), parseInt(tuple[3])];
region.pads = [parseInt(tuple[0], 10), parseInt(tuple[1], 10), parseInt(tuple[2], 10), parseInt(tuple[3], 10)];
reader.readTuple(tuple);
}
}
region.originalWidth = parseInt(tuple[0]);
region.originalHeight = parseInt(tuple[1]);
region.originalWidth = parseInt(tuple[0], 10);
region.originalHeight = parseInt(tuple[1], 10);
reader.readTuple(tuple);
region.offsetX = parseInt(tuple[0]);
region.offsetY = parseInt(tuple[1]);
region.offsetX = parseInt(tuple[0], 10);
region.offsetY = parseInt(tuple[1], 10);
region.index = parseInt(reader.readValue());
region.index = parseInt(reader.readValue(), 10);
this.regions.push(region);
}
@ -1593,7 +1487,7 @@ spine.AtlasReader.prototype = {
for (; i &lt; 3; i++) {
var comma = line.indexOf(&quot;,&quot;, lastMatch);
if (comma == -1) {
if (i == 0) throw &quot;Invalid line: &quot; + line;
if (!i) throw &quot;Invalid line: &quot; + line;
break;
}
tuple[i] = this.trim(line.substr(lastMatch, comma - lastMatch));
@ -1628,8 +1522,124 @@ spine.AtlasAttachmentLoader.prototype = {
}
}
PIXI.AnimCache = {};
spine.Bone.yDown = true;
PIXI.AnimCache = {};
/**
* A class that enables the you to import and run your spine animations in pixi.
* Spine animation data needs to be loaded using the PIXI.AssetLoader or PIXI.SpineLoader before it can be used by this class
* See example 12 (http://www.goodboydigital.com/pixijs/examples/12/) to see a working example and check out the source
*
* @class Spine
* @extends DisplayObjectContainer
* @constructor
* @param url {String} The url of the spine anim file to be used
*/
PIXI.Spine = function (url) {
PIXI.DisplayObjectContainer.call(this);
this.spineData = PIXI.AnimCache[url];
if (!this.spineData) {
throw new Error(&quot;Spine data must be preloaded using PIXI.SpineLoader or PIXI.AssetLoader: &quot; + url);
}
this.skeleton = new spine.Skeleton(this.spineData);
this.skeleton.updateWorldTransform();
this.stateData = new spine.AnimationStateData(this.spineData);
this.state = new spine.AnimationState(this.stateData);
this.slotContainers = [];
for (var i = 0, n = this.skeleton.drawOrder.length; i &lt; n; i++) {
var slot = this.skeleton.drawOrder[i];
var attachment = slot.attachment;
var slotContainer = new PIXI.DisplayObjectContainer();
this.slotContainers.push(slotContainer);
this.addChild(slotContainer);
if (!(attachment instanceof spine.RegionAttachment)) {
continue;
}
var spriteName = attachment.rendererObject.name;
var sprite = this.createSprite(slot, attachment.rendererObject);
slot.currentSprite = sprite;
slot.currentSpriteName = spriteName;
slotContainer.addChild(sprite);
}
};
PIXI.Spine.prototype = Object.create(PIXI.DisplayObjectContainer.prototype);
PIXI.Spine.prototype.constructor = PIXI.Spine;
/*
* Updates the object transform for rendering
*
* @method updateTransform
* @private
*/
PIXI.Spine.prototype.updateTransform = function () {
this.lastTime = this.lastTime || Date.now();
var timeDelta = (Date.now() - this.lastTime) * 0.001;
this.lastTime = Date.now();
this.state.update(timeDelta);
this.state.apply(this.skeleton);
this.skeleton.updateWorldTransform();
var drawOrder = this.skeleton.drawOrder;
for (var i = 0, n = drawOrder.length; i &lt; n; i++) {
var slot = drawOrder[i];
var attachment = slot.attachment;
var slotContainer = this.slotContainers[i];
if (!(attachment instanceof spine.RegionAttachment)) {
slotContainer.visible = false;
continue;
}
if (attachment.rendererObject) {
if (!slot.currentSpriteName || slot.currentSpriteName != attachment.name) {
var spriteName = attachment.rendererObject.name;
if (slot.currentSprite !== undefined) {
slot.currentSprite.visible = false;
}
slot.sprites = slot.sprites || {};
if (slot.sprites[spriteName] !== undefined) {
slot.sprites[spriteName].visible = true;
} else {
var sprite = this.createSprite(slot, attachment.rendererObject);
slotContainer.addChild(sprite);
}
slot.currentSprite = slot.sprites[spriteName];
slot.currentSpriteName = spriteName;
}
}
slotContainer.visible = true;
var bone = slot.bone;
slotContainer.position.x = bone.worldX + attachment.x * bone.m00 + attachment.y * bone.m01;
slotContainer.position.y = bone.worldY + attachment.x * bone.m10 + attachment.y * bone.m11;
slotContainer.scale.x = bone.worldScaleX;
slotContainer.scale.y = bone.worldScaleY;
slotContainer.rotation = -(slot.bone.worldRotation * Math.PI / 180);
}
PIXI.DisplayObjectContainer.prototype.updateTransform.call(this);
};
PIXI.Spine.prototype.createSprite = function (slot, descriptor) {
var name = PIXI.TextureCache[descriptor.name] ? descriptor.name : descriptor.name + &quot;.png&quot;;
var sprite = new PIXI.Sprite(PIXI.Texture.fromFrame(name));
sprite.scale = descriptor.scale;
sprite.rotation = descriptor.rotation;
sprite.anchor.x = sprite.anchor.y = 0.5;
slot.sprites = slot.sprites || {};
slot.sprites[descriptor.name] = sprite;
return sprite;
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -217,7 +219,7 @@ PIXI.Strip = function(texture, width, height)
this.verticies = new Float32Array()
this.colors = new Float32Array()
this.indices = new Uint16Array()
*/
*/
this.width = width;
this.height = height;
@ -235,7 +237,7 @@ PIXI.Strip = function(texture, width, height)
}
this.renderable = true;
}
};
// constructor
PIXI.Strip.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
@ -251,15 +253,14 @@ PIXI.Strip.prototype.setTexture = function(texture)
this.width = texture.frame.width;
this.height = texture.frame.height;
this.updateFrame = true;
}
};
PIXI.Strip.prototype.onTextureUpdate = function(event)
PIXI.Strip.prototype.onTextureUpdate = function()
{
this.updateFrame = true;
}
};
// some helper functions..
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -186,31 +188,12 @@
*/
PIXI.TilingSprite = function(texture, width, height)
{
PIXI.DisplayObjectContainer.call( this );
PIXI.Sprite.call( this, texture);
/**
* The texture that the sprite is using
*
* @property texture
* @type Texture
*/
this.texture = texture;
this.width = width || 100;
this.height = height || 100;
/**
* The width of the tiling sprite
*
* @property width
* @type Number
*/
this.width = width;
/**
* The height of the tiling sprite
*
* @property height
* @type Number
*/
this.height = height;
texture.baseTexture._powerOf2 = true;
/**
* The scaling of the image that is being tiled
@ -230,41 +213,140 @@ PIXI.TilingSprite = function(texture, width, height)
this.renderable = true;
this.blendMode = PIXI.blendModes.NORMAL
}
this.tint = 0xFFFFFF;
this.blendMode = PIXI.blendModes.NORMAL;
};
// constructor
PIXI.TilingSprite.prototype = Object.create( PIXI.DisplayObjectContainer.prototype );
PIXI.TilingSprite.prototype = Object.create( PIXI.Sprite.prototype );
PIXI.TilingSprite.prototype.constructor = PIXI.TilingSprite;
/**
* Sets the texture of the tiling sprite
*
* @method setTexture
* @param texture {Texture} The PIXI texture that is displayed by the sprite
*/
PIXI.TilingSprite.prototype.setTexture = function(texture)
{
//TODO SET THE TEXTURES
//TODO VISIBILITY
// stop current texture
this.texture = texture;
this.updateFrame = true;
}
/**
* When the texture is updated, this event will fire to update the frame
* The width of the sprite, setting this will actually modify the scale to acheive the value set
*
* @method onTextureUpdate
* @param event
* @private
* @property width
* @type Number
*/
PIXI.TilingSprite.prototype.onTextureUpdate = function(event)
{
this.updateFrame = true;
}
Object.defineProperty(PIXI.TilingSprite.prototype, &#x27;width&#x27;, {
get: function() {
return this._width;
},
set: function(value) {
this._width = value;
}
});
/**
* The height of the TilingSprite, setting this will actually modify the scale to acheive the value set
*
* @property height
* @type Number
*/
Object.defineProperty(PIXI.TilingSprite.prototype, &#x27;height&#x27;, {
get: function() {
return this._height;
},
set: function(value) {
this._height = value;
}
});
PIXI.TilingSprite.prototype.onTextureUpdate = function()
{
// so if _width is 0 then width was not set..
//if(this._width)this.scale.x = this._width / this.texture.frame.width;
//if(this._height)this.scale.y = this._height / this.texture.frame.height;
// alert(this._width)
this.updateFrame = true;
};
PIXI.TilingSprite.prototype._renderWebGL = function(renderSession)
{
if(this.visible === false || this.alpha === 0)return;
var i,j;
if(this.mask || this.filters)
{
if(this.mask)
{
renderSession.spriteBatch.stop();
renderSession.maskManager.pushMask(this.mask, renderSession.projection);
renderSession.spriteBatch.start();
}
if(this.filters)
{
renderSession.spriteBatch.flush();
renderSession.filterManager.pushFilter(this._filterBlock);
}
renderSession.spriteBatch.renderTilingSprite(this);
// simple render children!
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
renderSession.spriteBatch.stop();
if(this.filters)renderSession.filterManager.popFilter();
if(this.mask)renderSession.maskManager.popMask(renderSession.projection);
renderSession.spriteBatch.start();
}
else
{
renderSession.spriteBatch.renderTilingSprite(this);
// simple render children!
for(i=0,j=this.children.length; i&lt;j; i++)
{
this.children[i]._renderWebGL(renderSession);
}
}
};
PIXI.TilingSprite.prototype._renderCanvas = function(renderSession)
{
if(this.visible === false || this.alpha === 0)return;
var context = renderSession.context;
context.globalAlpha = this.worldAlpha;
if(!this.__tilePattern)
this.__tilePattern = context.createPattern(this.texture.baseTexture.source, &#x27;repeat&#x27;);
// check blend mode
if(this.blendMode !== renderSession.currentBlendMode)
{
renderSession.currentBlendMode = this.blendMode;
context.globalCompositeOperation = PIXI.blendModesCanvas[renderSession.currentBlendMode];
}
context.beginPath();
var tilePosition = this.tilePosition;
var tileScale = this.tileScale;
// offset
context.scale(tileScale.x,tileScale.y);
context.translate(tilePosition.x, tilePosition.y);
context.fillStyle = this.__tilePattern;
context.fillRect(-tilePosition.x,-tilePosition.y,this.width / tileScale.x, this.height / tileScale.y);
context.scale(1/tileScale.x, 1/tileScale.y);
context.translate(-tilePosition.x, -tilePosition.y);
context.closePath();
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,16 +176,15 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
* This is the base class for creating a pixi.js filter. Currently only webGL supports filters.
* If you want to make a custom filter this should be your base class.
* @class AbstractFilter
* @constructor
* @param fragmentSrc
* @param unifroms
* @param uniforms
*/
PIXI.AbstractFilter = function(fragmentSrc, unifroms)
PIXI.AbstractFilter = function(fragmentSrc, uniforms)
{
/**
* An array of passes - some filters contain a few steps this array simply stores the steps in a liniear fashion.
@ -194,6 +195,7 @@ PIXI.AbstractFilter = function(fragmentSrc, unifroms)
*/
this.passes = [this];
this.shaders = [];
this.dirty = true;
this.padding = 0;
@ -202,11 +204,10 @@ PIXI.AbstractFilter = function(fragmentSrc, unifroms)
@property uniforms
@private
*/
this.uniforms = unifroms || {};
this.uniforms = uniforms || {};
this.fragmentSrc = fragmentSrc || [];
}
};
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,6 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* The BlurFilter applies a Gaussian blur to an object.
@ -185,13 +186,11 @@
*/
PIXI.BlurFilter = function()
{
this.blurXFilter = new PIXI.BlurXFilter();
this.blurYFilter = new PIXI.BlurYFilter();
this.passes =[this.blurXFilter, this.blurYFilter];
}
};
/**
* Sets the strength of both the blurX and blurY properties simultaneously
@ -202,7 +201,7 @@ PIXI.BlurFilter = function()
*/
Object.defineProperty(PIXI.BlurFilter.prototype, &#x27;blur&#x27;, {
get: function() {
return this.blurX.blur;
return this.blurXFilter.blur;
},
set: function(value) {
this.blurXFilter.blur = this.blurYFilter.blur = value;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,8 +176,6 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
PIXI.BlurXFilter = function()
{
PIXI.AbstractFilter.call( this );
@ -184,38 +184,37 @@ PIXI.BlurXFilter = function()
// set the uniforms
this.uniforms = {
blur: {type: &#x27;f&#x27;, value: 1/512},
blur: {type: &#x27;1f&#x27;, value: 1/512},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform float blur;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;void main(void) {&quot;,
&quot;vec4 sum = vec4(0.0);&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float blur;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;&quot;,
&#x27;void main(void) {&#x27;,
&#x27; vec4 sum = vec4(0.0);&#x27;,
&quot;gl_FragColor = sum;&quot;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x - 4.0*blur, vTextureCoord.y)) * 0.05;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x - 3.0*blur, vTextureCoord.y)) * 0.09;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x - 2.0*blur, vTextureCoord.y)) * 0.12;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x - blur, vTextureCoord.y)) * 0.15;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x + blur, vTextureCoord.y)) * 0.15;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x + 2.0*blur, vTextureCoord.y)) * 0.12;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x + 3.0*blur, vTextureCoord.y)) * 0.09;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x + 4.0*blur, vTextureCoord.y)) * 0.05;&#x27;,
&quot;}&quot;
&#x27; gl_FragColor = sum;&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.BlurXFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.BlurXFilter.prototype.constructor = PIXI.BlurXFilter;
Object.defineProperty(PIXI.BlurXFilter.prototype, &#x27;blur&#x27;, {
get: function() {
return this.uniforms.blur.value / (1/7000);

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,8 +176,6 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
PIXI.BlurYFilter = function()
{
PIXI.AbstractFilter.call( this );
@ -184,33 +184,33 @@ PIXI.BlurYFilter = function()
// set the uniforms
this.uniforms = {
blur: {type: &#x27;f&#x27;, value: 1/512},
blur: {type: &#x27;1f&#x27;, value: 1/512},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform float blur;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;void main(void) {&quot;,
&quot;vec4 sum = vec4(0.0);&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float blur;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;&quot;,
&quot;sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;&quot;,
&#x27;void main(void) {&#x27;,
&#x27; vec4 sum = vec4(0.0);&#x27;,
&quot;gl_FragColor = sum;&quot;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 4.0*blur)) * 0.05;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 3.0*blur)) * 0.09;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - 2.0*blur)) * 0.12;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y - blur)) * 0.15;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y)) * 0.16;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + blur)) * 0.15;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 2.0*blur)) * 0.12;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 3.0*blur)) * 0.09;&#x27;,
&#x27; sum += texture2D(uSampler, vec2(vTextureCoord.x, vTextureCoord.y + 4.0*blur)) * 0.05;&#x27;,
&quot;}&quot;
&#x27; gl_FragColor = sum;&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.BlurYFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.BlurYFilter.prototype.constructor = PIXI.BlurYFilter;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -197,19 +199,19 @@ PIXI.ColorMatrixFilter = function()
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform float invert;&quot;,
&quot;uniform mat4 matrix;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;void main(void) {&quot;,
&quot;gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;&quot;,
&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
&quot;}&quot;
];
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float invert;&#x27;,
&#x27;uniform mat4 matrix;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
}
&#x27;void main(void) {&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, vTextureCoord) * matrix;&#x27;,
// &#x27; gl_FragColor = gl_FragColor;&#x27;,
&#x27;}&#x27;
];
};
PIXI.ColorMatrixFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.ColorMatrixFilter.prototype.constructor = PIXI.ColorMatrixFilter;

View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/GreyFilter.js - Pixi.JS</title>
<title>src/pixi/filters/ColorStepFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -166,7 +168,7 @@
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1 class="file-heading">File: src/pixi/filters/GreyFilter.js</h1>
<h1 class="file-heading">File: src/pixi/filters/ColorStepFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
@ -174,14 +176,13 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* This turns your displayObjects to black and white.
* @class GreyFilter
* @class ColorStepFilter
* @contructor
*/
PIXI.GreyFilter = function()
PIXI.ColorStepFilter = function()
{
PIXI.AbstractFilter.call( this );
@ -189,36 +190,37 @@ PIXI.GreyFilter = function()
// set the uniforms
this.uniforms = {
grey: {type: &#x27;f&#x27;, value: 1},
step: {type: &#x27;1f&#x27;, value: 5},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;uniform float grey;&quot;,
&quot;void main(void) {&quot;,
&quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
&quot;gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), grey);&quot;,
&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
&quot;}&quot;
];
}
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;uniform float step;&#x27;,
PIXI.GreyFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.GreyFilter.prototype.constructor = PIXI.GreyFilter;
&#x27;void main(void) {&#x27;,
&#x27; vec4 color = texture2D(uSampler, vTextureCoord);&#x27;,
&#x27; color = floor(color * step) / step;&#x27;,
&#x27; gl_FragColor = color;&#x27;,
&#x27;}&#x27;
];
};
PIXI.ColorStepFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.ColorStepFilter.prototype.constructor = PIXI.ColorStepFilter;
/**
The strength of the grey. 1 will make the object black and white, 0 will make the object its normal color
@property grey
The number of steps.
@property step
*/
Object.defineProperty(PIXI.GreyFilter.prototype, &#x27;grey&#x27;, {
Object.defineProperty(PIXI.ColorStepFilter.prototype, &#x27;step&#x27;, {
get: function() {
return this.uniforms.grey.value;
return this.uniforms.step.value;
},
set: function(value) {
this.uniforms.grey.value = value;
this.uniforms.step.value = value;
}
});

View file

@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/CrossHatchFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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/pixi/filters/CrossHatchFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
PIXI.CrossHatchFilter = function()
{
PIXI.AbstractFilter.call( this );
this.passes = [this];
// set the uniforms
this.uniforms = {
blur: {type: &#x27;1f&#x27;, value: 1 / 512},
};
this.fragmentSrc = [
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float blur;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;void main(void) {&#x27;,
&#x27; float lum = length(texture2D(uSampler, vTextureCoord.xy).rgb);&#x27;,
&#x27; gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);&#x27;,
&#x27; if (lum &lt; 1.00) {&#x27;,
&#x27; if (mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {&#x27;,
&#x27; gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);&#x27;,
&#x27; }&#x27;,
&#x27; }&#x27;,
&#x27; if (lum &lt; 0.75) {&#x27;,
&#x27; if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {&#x27;,
&#x27; gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);&#x27;,
&#x27; }&#x27;,
&#x27; }&#x27;,
&#x27; if (lum &lt; 0.50) {&#x27;,
&#x27; if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {&#x27;,
&#x27; gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);&#x27;,
&#x27; }&#x27;,
&#x27; }&#x27;,
&#x27; if (lum &lt; 0.3) {&#x27;,
&#x27; if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {&#x27;,
&#x27; gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);&#x27;,
&#x27; }&#x27;,
&#x27; }&#x27;,
&#x27;}&#x27;
];
};
PIXI.CrossHatchFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.CrossHatchFilter.prototype.constructor = PIXI.BlurYFilter;
Object.defineProperty(PIXI.CrossHatchFilter.prototype, &#x27;blur&#x27;, {
get: function() {
return this.uniforms.blur.value / (1/7000);
},
set: function(value) {
//this.padding = value;
this.uniforms.blur.value = (1/7000) * value;
}
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,7 +176,6 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* The DisplacementFilter class uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object.
@ -195,13 +196,12 @@ PIXI.DisplacementFilter = function(texture)
//console.log()
this.uniforms = {
displacementMap: {type: &#x27;sampler2D&#x27;, value:texture},
scale: {type: &#x27;f2&#x27;, value:{x:30, y:30}},
offset: {type: &#x27;f2&#x27;, value:{x:0, y:0}},
mapDimensions: {type: &#x27;f2&#x27;, value:{x:1, y:5112}},
dimensions: {type: &#x27;f4&#x27;, value:[0,0,0,0]}
scale: {type: &#x27;2f&#x27;, value:{x:30, y:30}},
offset: {type: &#x27;2f&#x27;, value:{x:0, y:0}},
mapDimensions: {type: &#x27;2f&#x27;, value:{x:1, y:5112}},
dimensions: {type: &#x27;4fv&#x27;, value:[0,0,0,0]}
};
if(texture.baseTexture.hasLoaded)
{
this.uniforms.mapDimensions.value.x = texture.width;
@ -211,55 +211,51 @@ PIXI.DisplacementFilter = function(texture)
{
this.boundLoadedFunction = this.onTextureLoaded.bind(this);
texture.baseTexture.on(&quot;loaded&quot;, this.boundLoadedFunction);
texture.baseTexture.on(&#x27;loaded&#x27;, this.boundLoadedFunction);
}
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform sampler2D displacementMap;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;uniform vec2 scale;&quot;,
&quot;uniform vec2 offset;&quot;,
&quot;uniform vec4 dimensions;&quot;,
&quot;uniform vec2 mapDimensions;&quot;,// = vec2(256.0, 256.0);&quot;,
// &quot;const vec2 textureDimensions = vec2(750.0, 750.0);&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform sampler2D displacementMap;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;uniform vec2 scale;&#x27;,
&#x27;uniform vec2 offset;&#x27;,
&#x27;uniform vec4 dimensions;&#x27;,
&#x27;uniform vec2 mapDimensions;&#x27;,// = vec2(256.0, 256.0);&#x27;,
// &#x27;const vec2 textureDimensions = vec2(750.0, 750.0);&#x27;,
&quot;void main(void) {&quot;,
&quot;vec2 mapCords = vTextureCoord.xy;&quot;,
// &quot;mapCords -= ;&quot;,
&quot;mapCords += (dimensions.zw + offset)/ dimensions.xy ;&quot;,
&quot;mapCords.y *= -1.0;&quot;,
&quot;mapCords.y += 1.0;&quot;,
&quot;vec2 matSample = texture2D(displacementMap, mapCords).xy;&quot;,
&quot;matSample -= 0.5;&quot;,
&quot;matSample *= scale;&quot;,
&quot;matSample /= mapDimensions;&quot;,
&quot;gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));&quot;,
&quot;gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);&quot;,
&quot;vec2 cord = vTextureCoord;&quot;,
&#x27;void main(void) {&#x27;,
&#x27; vec2 mapCords = vTextureCoord.xy;&#x27;,
//&#x27; mapCords -= ;&#x27;,
&#x27; mapCords += (dimensions.zw + offset)/ dimensions.xy ;&#x27;,
&#x27; mapCords.y *= -1.0;&#x27;,
&#x27; mapCords.y += 1.0;&#x27;,
&#x27; vec2 matSample = texture2D(displacementMap, mapCords).xy;&#x27;,
&#x27; matSample -= 0.5;&#x27;,
&#x27; matSample *= scale;&#x27;,
&#x27; matSample /= mapDimensions;&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.x + matSample.x, vTextureCoord.y + matSample.y));&#x27;,
&#x27; gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb, 1.0);&#x27;,
&#x27; vec2 cord = vTextureCoord;&#x27;,
//&quot;gl_FragColor = texture2D(displacementMap, cord);&quot;,
&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
&quot;}&quot;
//&#x27; gl_FragColor = texture2D(displacementMap, cord);&#x27;,
// &#x27; gl_FragColor = gl_FragColor;&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.DisplacementFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.DisplacementFilter.prototype.constructor = PIXI.DisplacementFilter;
PIXI.DisplacementFilter.prototype.onTextureLoaded = function()
{
this.uniforms.mapDimensions.value.x = this.uniforms.displacementMap.value.width;
this.uniforms.mapDimensions.value.y = this.uniforms.displacementMap.value.height;
this.uniforms.displacementMap.value.baseTexture.off(&quot;loaded&quot;, this.boundLoadedFunction)
}
this.uniforms.displacementMap.value.baseTexture.off(&#x27;loaded&#x27;, this.boundLoadedFunction);
};
/**
* The texture used for the displacemtent map * must be power of 2 texture at the moment
@ -305,6 +301,7 @@ Object.defineProperty(PIXI.DisplacementFilter.prototype, &#x27;offset&#x27;, {
this.uniforms.offset.value = value;
}
});
</pre>
</div>

View file

@ -0,0 +1,279 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/DotScreenFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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/pixi/filters/DotScreenFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
* original filter: https://github.com/evanw/glfx.js/blob/master/src/filters/fun/dotscreen.js
*/
/**
*
* This filter applies a pixlate effect making display objects appear &#x27;blocky&#x27;
* @class PixelateFilter
* @contructor
*/
PIXI.DotScreenFilter = function()
{
PIXI.AbstractFilter.call( this );
this.passes = [this];
// set the uniforms
this.uniforms = {
scale: {type: &#x27;1f&#x27;, value:1},
angle: {type: &#x27;1f&#x27;, value:5},
dimensions: {type: &#x27;4fv&#x27;, value:[0,0,0,0]}
};
this.fragmentSrc = [
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform vec4 dimensions;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;uniform float angle;&#x27;,
&#x27;uniform float scale;&#x27;,
&#x27;float pattern() {&#x27;,
&#x27; float s = sin(angle), c = cos(angle);&#x27;,
&#x27; vec2 tex = vTextureCoord * dimensions.xy;&#x27;,
&#x27; vec2 point = vec2(&#x27;,
&#x27; c * tex.x - s * tex.y,&#x27;,
&#x27; s * tex.x + c * tex.y&#x27;,
&#x27; ) * scale;&#x27;,
&#x27; return (sin(point.x) * sin(point.y)) * 4.0;&#x27;,
&#x27;}&#x27;,
&#x27;void main() {&#x27;,
&#x27; vec4 color = texture2D(uSampler, vTextureCoord);&#x27;,
&#x27; float average = (color.r + color.g + color.b) / 3.0;&#x27;,
&#x27; gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);&#x27;,
&#x27;}&#x27;
];
};
PIXI.DotScreenFilter.prototype = Object.create( PIXI.DotScreenFilter.prototype );
PIXI.DotScreenFilter.prototype.constructor = PIXI.DotScreenFilter;
/**
*
* This describes the the scale
* @property scale
* @type Number
*/
Object.defineProperty(PIXI.DotScreenFilter.prototype, &#x27;scale&#x27;, {
get: function() {
return this.uniforms.scale.value;
},
set: function(value) {
this.dirty = true;
this.uniforms.scale.value = value;
}
});
/**
*
* This radius describes angle
* @property angle
* @type Number
*/
Object.defineProperty(PIXI.DotScreenFilter.prototype, &#x27;angle&#x27;, {
get: function() {
return this.uniforms.angle.value;
},
set: function(value) {
this.dirty = true;
this.uniforms.angle.value = value;
}
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -180,7 +182,8 @@ PIXI.FilterBlock = function()
{
this.visible = true;
this.renderable = true;
}
};
</pre>
</div>

View file

@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/GrayFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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/pixi/filters/GrayFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* This turns your displayObjects to black and white.
* @class GrayFilter
* @contructor
*/
PIXI.GrayFilter = function()
{
PIXI.AbstractFilter.call( this );
this.passes = [this];
// set the uniforms
this.uniforms = {
gray: {type: &#x27;1f&#x27;, value: 1},
};
this.fragmentSrc = [
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;uniform float gray;&#x27;,
&#x27;void main(void) {&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, vTextureCoord);&#x27;,
&#x27; gl_FragColor.rgb = mix(gl_FragColor.rgb, vec3(0.2126*gl_FragColor.r + 0.7152*gl_FragColor.g + 0.0722*gl_FragColor.b), gray);&#x27;,
// &#x27; gl_FragColor = gl_FragColor;&#x27;,
&#x27;}&#x27;
];
};
PIXI.GrayFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.GrayFilter.prototype.constructor = PIXI.GrayFilter;
/**
The strength of the gray. 1 will make the object black and white, 0 will make the object its normal color
@property gray
*/
Object.defineProperty(PIXI.GrayFilter.prototype, &#x27;gray&#x27;, {
get: function() {
return this.uniforms.gray.value;
},
set: function(value) {
this.uniforms.gray.value = value;
}
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -188,24 +190,24 @@ PIXI.InvertFilter = function()
// set the uniforms
this.uniforms = {
invert: {type: &#x27;f&#x27;, value: 0},
invert: {type: &#x27;1f&#x27;, value: 1},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform float invert;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;void main(void) {&quot;,
&quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
&quot;gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, invert);&quot;,
//&quot;gl_FragColor.rgb = gl_FragColor.rgb * gl_FragColor.a;&quot;,
&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
&quot;}&quot;
];
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float invert;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
}
&#x27;void main(void) {&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, vTextureCoord);&#x27;,
&#x27; gl_FragColor.rgb = mix( (vec3(1)-gl_FragColor.rgb) * gl_FragColor.a, gl_FragColor.rgb, 1.0 - invert);&#x27;,
//&#x27; gl_FragColor.rgb = gl_FragColor.rgb * gl_FragColor.a;&#x27;,
// &#x27; gl_FragColor = gl_FragColor * vColor;&#x27;,
&#x27;}&#x27;
];
};
PIXI.InvertFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.InvertFilter.prototype.constructor = PIXI.InvertFilter;
@ -222,6 +224,7 @@ Object.defineProperty(PIXI.InvertFilter.prototype, &#x27;invert&#x27;, {
this.uniforms.invert.value = value;
}
});
</pre>
</div>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -176,7 +178,7 @@
/**
*
* This filter applies a pixlate effect making display objects appear &quot;blocky&quot;
* This filter applies a pixlate effect making display objects appear &#x27;blocky&#x27;
* @class PixelateFilter
* @contructor
*/
@ -188,33 +190,30 @@ PIXI.PixelateFilter = function()
// set the uniforms
this.uniforms = {
invert: {type: &#x27;f&#x27;, value: 0},
dimensions: {type: &#x27;f4&#x27;, value:new Float32Array([10000, 100, 10, 10])},
pixelSize: {type: &#x27;f2&#x27;, value:{x:10, y:10}},
invert: {type: &#x27;1f&#x27;, value: 0},
dimensions: {type: &#x27;4fv&#x27;, value:new Float32Array([10000, 100, 10, 10])},
pixelSize: {type: &#x27;2f&#x27;, value:{x:10, y:10}},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform vec2 testDim;&quot;,
&quot;uniform vec4 dimensions;&quot;,
&quot;uniform vec2 pixelSize;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&quot;void main(void) {&quot;,
&quot;vec2 coord = vTextureCoord;&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform vec2 testDim;&#x27;,
&#x27;uniform vec4 dimensions;&#x27;,
&#x27;uniform vec2 pixelSize;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
// &quot;vec2 dim = testDim;&quot;,
&quot;vec2 size = dimensions.xy/pixelSize;&quot;,
&#x27;void main(void) {&#x27;,
&#x27; vec2 coord = vTextureCoord;&#x27;,
&quot;vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;&quot;,
// &quot;color += (mod(dimensions.xy, size)/dimensions.zw;&quot;,
&quot;gl_FragColor = texture2D(uSampler, color);&quot;,
&quot;}&quot;
&#x27; vec2 size = dimensions.xy/pixelSize;&#x27;,
&#x27; vec2 color = floor( ( vTextureCoord * size ) ) / size + pixelSize/dimensions.xy * 0.5;&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, color);&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.PixelateFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.PixelateFilter.prototype.constructor = PIXI.PixelateFilter;
@ -234,6 +233,7 @@ Object.defineProperty(PIXI.PixelateFilter.prototype, &#x27;size&#x27;, {
this.uniforms.pixelSize.value = value;
}
});
</pre>
</div>

View file

@ -0,0 +1,243 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/RGBSplitFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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/pixi/filters/RGBSplitFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
PIXI.RGBSplitFilter = function()
{
PIXI.AbstractFilter.call( this );
this.passes = [this];
// set the uniforms
this.uniforms = {
red: {type: &#x27;2f&#x27;, value: {x:20, y:20}},
green: {type: &#x27;2f&#x27;, value: {x:-20, y:20}},
blue: {type: &#x27;2f&#x27;, value: {x:20, y:-20}},
dimensions: {type: &#x27;4fv&#x27;, value:[0,0,0,0]}
};
this.fragmentSrc = [
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform vec2 red;&#x27;,
&#x27;uniform vec2 green;&#x27;,
&#x27;uniform vec2 blue;&#x27;,
&#x27;uniform vec4 dimensions;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;void main(void) {&#x27;,
&#x27; gl_FragColor.r = texture2D(uSampler, vTextureCoord + red/dimensions.xy).r;&#x27;,
&#x27; gl_FragColor.g = texture2D(uSampler, vTextureCoord + green/dimensions.xy).g;&#x27;,
&#x27; gl_FragColor.b = texture2D(uSampler, vTextureCoord + blue/dimensions.xy).b;&#x27;,
&#x27; gl_FragColor.a = texture2D(uSampler, vTextureCoord).a;&#x27;,
&#x27;}&#x27;
];
};
PIXI.RGBSplitFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.RGBSplitFilter.prototype.constructor = PIXI.RGBSplitFilter;
Object.defineProperty(PIXI.RGBSplitFilter.prototype, &#x27;angle&#x27;, {
get: function() {
return this.uniforms.blur.value / (1/7000);
},
set: function(value) {
//this.padding = value;
this.uniforms.blur.value = (1/7000) * value;
}
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -170,12 +172,10 @@
<div class="file">
<pre class="code prettyprint linenums">
/**
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* This applies a sepia effect to your displayObjects.
@ -190,25 +190,25 @@ PIXI.SepiaFilter = function()
// set the uniforms
this.uniforms = {
sepia: {type: &#x27;f&#x27;, value: 1},
sepia: {type: &#x27;1f&#x27;, value: 1},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;varying float vColor;&quot;,
&quot;uniform float sepia;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform float sepia;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&quot;const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);&quot;,
&quot;void main(void) {&quot;,
&quot;gl_FragColor = texture2D(uSampler, vTextureCoord);&quot;,
&quot;gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);&quot;,
&quot;gl_FragColor = gl_FragColor * vColor;&quot;,
&quot;}&quot;
&#x27;const mat3 sepiaMatrix = mat3(0.3588, 0.7044, 0.1368, 0.2990, 0.5870, 0.1140, 0.2392, 0.4696, 0.0912);&#x27;,
&#x27;void main(void) {&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, vTextureCoord);&#x27;,
&#x27; gl_FragColor.rgb = mix( gl_FragColor.rgb, gl_FragColor.rgb * sepiaMatrix, sepia);&#x27;,
// &#x27; gl_FragColor = gl_FragColor * vColor;&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.SepiaFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.SepiaFilter.prototype.constructor = PIXI.SepiaFilter;

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -174,8 +176,6 @@
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
PIXI.SmartBlurFilter = function()
{
PIXI.AbstractFilter.call( this );
@ -184,44 +184,43 @@ PIXI.SmartBlurFilter = function()
// set the uniforms
this.uniforms = {
blur: {type: &#x27;f&#x27;, value: 1/512},
blur: {type: &#x27;1f&#x27;, value: 1/512},
};
this.fragmentSrc = [
&quot;precision mediump float;&quot;,
&quot;varying vec2 vTextureCoord;&quot;,
&quot;uniform sampler2D uSampler;&quot;,
// &quot;uniform vec2 delta;&quot;,
&quot;const vec2 delta = vec2(1.0/10.0, 0.0);&quot;,
// &quot;uniform float darkness;&quot;,
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
//&#x27;uniform vec2 delta;&#x27;,
&#x27;const vec2 delta = vec2(1.0/10.0, 0.0);&#x27;,
//&#x27;uniform float darkness;&#x27;,
&quot;float random(vec3 scale, float seed) {&quot;,
&quot;return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);&quot;,
&quot;}&quot;,
&#x27;float random(vec3 scale, float seed) {&#x27;,
&#x27; return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);&#x27;,
&#x27;}&#x27;,
&quot;void main(void) {&quot;,
&#x27;void main(void) {&#x27;,
&#x27; vec4 color = vec4(0.0);&#x27;,
&#x27; float total = 0.0;&#x27;,
&quot;vec4 color = vec4(0.0);&quot;,
&quot;float total = 0.0;&quot;,
&#x27; float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);&#x27;,
&quot;float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);&quot;,
&#x27; for (float t = -30.0; t &lt;= 30.0; t++) {&#x27;,
&#x27; float percent = (t + offset - 0.5) / 30.0;&#x27;,
&#x27; float weight = 1.0 - abs(percent);&#x27;,
&#x27; vec4 sample = texture2D(uSampler, vTextureCoord + delta * percent);&#x27;,
&#x27; sample.rgb *= sample.a;&#x27;,
&#x27; color += sample * weight;&#x27;,
&#x27; total += weight;&#x27;,
&#x27; }&#x27;,
&quot;for (float t = -30.0; t &lt;= 30.0; t++) {&quot;,
&quot;float percent = (t + offset - 0.5) / 30.0;&quot;,
&quot;float weight = 1.0 - abs(percent);&quot;,
&quot;vec4 sample = texture2D(uSampler, vTextureCoord + delta * percent);&quot;,
&quot;sample.rgb *= sample.a;&quot;,
&quot;color += sample * weight;&quot;,
&quot;total += weight;&quot;,
&quot;}&quot;,
&quot;gl_FragColor = color / total;&quot;,
&quot;gl_FragColor.rgb /= gl_FragColor.a + 0.00001;&quot;,
// &quot;gl_FragColor.rgb *= darkness;&quot;,
&quot;}&quot;
&#x27; gl_FragColor = color / total;&#x27;,
&#x27; gl_FragColor.rgb /= gl_FragColor.a + 0.00001;&#x27;,
//&#x27; gl_FragColor.rgb *= darkness;&#x27;,
&#x27;}&#x27;
];
}
};
PIXI.SmartBlurFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.SmartBlurFilter.prototype.constructor = PIXI.SmartBlurFilter;

View file

@ -0,0 +1,294 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>src/pixi/filters/TwistFilter.js - Pixi.JS</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/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://www.goodboydigital.com/pixijs/logo_small.png" title="Pixi.JS"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.4.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="../classes/AbstractFilter.html">AbstractFilter</a></li>
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
<li><a href="../classes/BitmapText.html">BitmapText</a></li>
<li><a href="../classes/BlurFilter.html">BlurFilter</a></li>
<li><a href="../classes/CanvasGraphics.html">CanvasGraphics</a></li>
<li><a href="../classes/CanvasRenderer.html">CanvasRenderer</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
<li><a href="../classes/DisplayObject.html">DisplayObject</a></li>
<li><a href="../classes/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
<li><a href="../classes/InvertFilter.html">InvertFilter</a></li>
<li><a href="../classes/JsonLoader.html">JsonLoader</a></li>
<li><a href="../classes/MovieClip.html">MovieClip</a></li>
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
<li><a href="../classes/PolyK._convex.html">PolyK._convex</a></li>
<li><a href="../classes/PolyK._PointInTriangle.html">PolyK._PointInTriangle</a></li>
<li><a href="../classes/PolyK.AjaxRequest.html">PolyK.AjaxRequest</a></li>
<li><a href="../classes/PolyK.InteractionData.html">PolyK.InteractionData</a></li>
<li><a href="../classes/PolyK.InteractionManager.html">PolyK.InteractionManager</a></li>
<li><a href="../classes/Rectangle.html">Rectangle</a></li>
<li><a href="../classes/RenderTexture.html">RenderTexture</a></li>
<li><a href="../classes/SepiaFilter.html">SepiaFilter</a></li>
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
<li><a href="../classes/Texture.html">Texture</a></li>
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../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/pixi/filters/TwistFilter.js</h1>
<div class="file">
<pre class="code prettyprint linenums">
/**
* @author Mat Groves http://matgroves.com/ @Doormat23
*/
/**
*
* This filter applies a pixlate effect making display objects appear &#x27;blocky&#x27;
* @class PixelateFilter
* @contructor
*/
PIXI.TwistFilter = function()
{
PIXI.AbstractFilter.call( this );
this.passes = [this];
// set the uniforms
this.uniforms = {
radius: {type: &#x27;1f&#x27;, value:0.5},
angle: {type: &#x27;1f&#x27;, value:5},
offset: {type: &#x27;2f&#x27;, value:{x:0.5, y:0.5}},
};
this.fragmentSrc = [
&#x27;precision mediump float;&#x27;,
&#x27;varying vec2 vTextureCoord;&#x27;,
&#x27;varying vec4 vColor;&#x27;,
&#x27;uniform vec4 dimensions;&#x27;,
&#x27;uniform sampler2D uSampler;&#x27;,
&#x27;uniform float radius;&#x27;,
&#x27;uniform float angle;&#x27;,
&#x27;uniform vec2 offset;&#x27;,
&#x27;void main(void) {&#x27;,
&#x27; vec2 coord = vTextureCoord - offset;&#x27;,
&#x27; float distance = length(coord);&#x27;,
&#x27; if (distance &lt; radius) {&#x27;,
&#x27; float ratio = (radius - distance) / radius;&#x27;,
&#x27; float angleMod = ratio * ratio * angle;&#x27;,
&#x27; float s = sin(angleMod);&#x27;,
&#x27; float c = cos(angleMod);&#x27;,
&#x27; coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);&#x27;,
&#x27; }&#x27;,
&#x27; gl_FragColor = texture2D(uSampler, coord+offset);&#x27;,
&#x27;}&#x27;
];
};
PIXI.TwistFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );
PIXI.TwistFilter.prototype.constructor = PIXI.TwistFilter;
/**
*
* This point describes the the offset of the twist
* @property size
* @type Point
*/
Object.defineProperty(PIXI.TwistFilter.prototype, &#x27;offset&#x27;, {
get: function() {
return this.uniforms.offset.value;
},
set: function(value) {
this.dirty = true;
this.uniforms.offset.value = value;
}
});
/**
*
* This radius describes size of the twist
* @property size
* @type Number
*/
Object.defineProperty(PIXI.TwistFilter.prototype, &#x27;radius&#x27;, {
get: function() {
return this.uniforms.radius.value;
},
set: function(value) {
this.dirty = true;
this.uniforms.radius.value = value;
}
});
/**
*
* This radius describes angle of the twist
* @property angle
* @type Number
*/
Object.defineProperty(PIXI.TwistFilter.prototype, &#x27;angle&#x27;, {
get: function() {
return this.uniforms.angle.value;
},
set: function(value) {
this.dirty = true;
this.uniforms.angle.value = value;
}
});
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>

View file

@ -19,7 +19,7 @@
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 1.3.0</em>
<em>API Docs for: 1.4.0</em>
</div>
</div>
<div id="bd" class="yui3-g">
@ -45,6 +45,8 @@
<li><a href="../classes/AssetLoader.html">AssetLoader</a></li>
<li><a href="../classes/AtlasLoader.html">AtlasLoader</a></li>
<li><a href="../classes/BaseTexture.html">BaseTexture</a></li>
<li><a href="../classes/BitmapFontLoader.html">BitmapFontLoader</a></li>
@ -61,7 +63,7 @@
<li><a href="../classes/ColorMatrixFilter.html">ColorMatrixFilter</a></li>
<li><a href="../classes/CustomRenderable.html">CustomRenderable</a></li>
<li><a href="../classes/ColorStepFilter.html">ColorStepFilter</a></li>
<li><a href="../classes/DisplacementFilter.html">DisplacementFilter</a></li>
@ -75,7 +77,7 @@
<li><a href="../classes/Graphics.html">Graphics</a></li>
<li><a href="../classes/GreyFilter.html">GreyFilter</a></li>
<li><a href="../classes/GrayFilter.html">GrayFilter</a></li>
<li><a href="../classes/ImageLoader.html">ImageLoader</a></li>
@ -87,6 +89,8 @@
<li><a href="../classes/PixelateFilter.html">PixelateFilter</a></li>
<li><a href="../classes/PIXI.PixiShader.html">PIXI.PixiShader</a></li>
<li><a href="../classes/Point.html">Point</a></li>
<li><a href="../classes/Polygon.html">Polygon</a></li>
@ -109,10 +113,10 @@
<li><a href="../classes/Spine.html">Spine</a></li>
<li><a href="../classes/Sprite.html">Sprite</a></li>
<li><a href="../classes/SpriteSheetLoader.html">SpriteSheetLoader</a></li>
<li><a href="../classes/Sprite™.html">Sprite™</a></li>
<li><a href="../classes/Stage.html">Stage</a></li>
<li><a href="../classes/Text.html">Text</a></li>
@ -121,8 +125,6 @@
<li><a href="../classes/TilingSprite.html">TilingSprite</a></li>
<li><a href="../classes/WebGLBatch.html">WebGLBatch</a></li>
<li><a href="../classes/WebGLRenderer.html">WebGLRenderer</a></li>
</ul>
@ -178,16 +180,16 @@
* A Class that loads a bunch of images / sprite sheet / bitmap font files. Once the
* assets have been loaded they are added to the PIXI Texture cache and can be accessed
* easily through PIXI.Texture.fromImage() and PIXI.Sprite.fromImage()
* When all items have been loaded this class will dispatch a &quot;onLoaded&quot; event
* As each individual item is loaded this class will dispatch a &quot;onProgress&quot; event
* When all items have been loaded this class will dispatch a &#x27;onLoaded&#x27; event
* As each individual item is loaded this class will dispatch a &#x27;onProgress&#x27; event
*
* @class AssetLoader
* @constructor
* @uses EventTarget
* @param {Array&lt;String&gt;} assetURLs an array of image/sprite sheet urls that you would like loaded
* supported. Supported image formats include &quot;jpeg&quot;, &quot;jpg&quot;, &quot;png&quot;, &quot;gif&quot;. Supported
* sprite sheet data formats only include &quot;JSON&quot; at this time. Supported bitmap font
* data formats include &quot;xml&quot; and &quot;fnt&quot;.
* supported. Supported image formats include &#x27;jpeg&#x27;, &#x27;jpg&#x27;, &#x27;png&#x27;, &#x27;gif&#x27;. Supported
* sprite sheet data formats only include &#x27;JSON&#x27; at this time. Supported bitmap font
* data formats include &#x27;xml&#x27; and &#x27;fnt&#x27;.
* @param crossorigin {Boolean} Whether requests should be treated as crossorigin
*/
PIXI.AssetLoader = function(assetURLs, crossorigin)
@ -217,17 +219,16 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
* @type Object
*/
this.loadersByType = {
&quot;jpg&quot;: PIXI.ImageLoader,
&quot;jpeg&quot;: PIXI.ImageLoader,
&quot;png&quot;: PIXI.ImageLoader,
&quot;gif&quot;: PIXI.ImageLoader,
&quot;json&quot;: PIXI.JsonLoader,
&quot;anim&quot;: PIXI.SpineLoader,
&quot;xml&quot;: PIXI.BitmapFontLoader,
&quot;fnt&quot;: PIXI.BitmapFontLoader
&#x27;jpg&#x27;: PIXI.ImageLoader,
&#x27;jpeg&#x27;: PIXI.ImageLoader,
&#x27;png&#x27;: PIXI.ImageLoader,
&#x27;gif&#x27;: PIXI.ImageLoader,
&#x27;json&#x27;: PIXI.JsonLoader,
&#x27;atlas&#x27;: PIXI.AtlasLoader,
&#x27;anim&#x27;: PIXI.SpineLoader,
&#x27;xml&#x27;: PIXI.BitmapFontLoader,
&#x27;fnt&#x27;: PIXI.BitmapFontLoader
};
};
/**
@ -243,6 +244,34 @@ PIXI.AssetLoader = function(assetURLs, crossorigin)
// constructor
PIXI.AssetLoader.prototype.constructor = PIXI.AssetLoader;
PIXI.AssetLoader.prototype._getDataType = function(str)
{
var test = &#x27;data:&#x27;;
//starts with &#x27;data:&#x27;
var start = str.slice(0, test.length).toLowerCase();
if (start === test) {
var data = str.slice(test.length);
var sepIdx = data.indexOf(&#x27;,&#x27;);
if (sepIdx === -1) //malformed data URI scheme
return null;
//e.g. &#x27;image/gif;base64&#x27; =&gt; &#x27;image/gif&#x27;
var info = data.slice(0, sepIdx).split(&#x27;;&#x27;)[0];
//We might need to handle some special cases here...
//standardize text/plain to &#x27;txt&#x27; file extension
if (!info || info.toLowerCase() === &#x27;text/plain&#x27;)
return &#x27;txt&#x27;;
//User specified mime type, try splitting it by &#x27;/&#x27;
return info.split(&#x27;/&#x27;).pop().toLowerCase();
}
return null;
};
/**
* Starts loading the assets sequentially
*
@ -252,23 +281,29 @@ PIXI.AssetLoader.prototype.load = function()
{
var scope = this;
function onLoad() {
scope.onAssetLoaded();
}
this.loadCount = this.assetURLs.length;
for (var i=0; i &lt; this.assetURLs.length; i++)
{
var fileName = this.assetURLs[i];
var fileType = fileName.split(&quot;.&quot;).pop().toLowerCase();
//first see if we have a data URI scheme..
var fileType = this._getDataType(fileName);
var loaderClass = this.loadersByType[fileType];
if(!loaderClass)
throw new Error(fileType + &quot; is an unsupported file type&quot;);
//if not, assume it&#x27;s a file URI
if (!fileType)
fileType = fileName.split(&#x27;?&#x27;).shift().split(&#x27;.&#x27;).pop().toLowerCase();
var loader = new loaderClass(fileName, this.crossorigin);
var Constructor = this.loadersByType[fileType];
if(!Constructor)
throw new Error(fileType + &#x27; is an unsupported file type&#x27;);
loader.addEventListener(&quot;loaded&quot;, function()
{
scope.onAssetLoaded();
});
var loader = new Constructor(fileName, this.crossorigin);
loader.addEventListener(&#x27;loaded&#x27;, onLoad);
loader.load();
}
};
@ -282,17 +317,16 @@ PIXI.AssetLoader.prototype.load = function()
PIXI.AssetLoader.prototype.onAssetLoaded = function()
{
this.loadCount--;
this.dispatchEvent({type: &quot;onProgress&quot;, content: this});
if(this.onProgress) this.onProgress();
this.dispatchEvent({type: &#x27;onProgress&#x27;, content: this});
if (this.onProgress) this.onProgress();
if(this.loadCount == 0)
if (!this.loadCount)
{
this.dispatchEvent({type: &quot;onComplete&quot;, content: this});
this.dispatchEvent({type: &#x27;onComplete&#x27;, content: this});
if(this.onComplete) this.onComplete();
}
};
</pre>
</div>

Some files were not shown because too many files have changed in this diff Show more