Класс: PIXI.RenderTexture
Конструктор
new RenderTexture(width, height, renderer, scaleMode, resolution)
RenderTexture — это специальная текстура, которая позволяет отрисовать любой объект отображения Pixi.
Подсказка: все DisplayObject (например, Sprites), которые отрисовываются на RenderTexture, должны быть предварительно загружены, иначе вместо них будут отображаться чёрные прямоугольники.
RenderTexture создаёт моментальный снимок любого объекта отображения, переданного методу render. Положение и поворот переданных объектов отображения игнорируются. Например:
var renderTexture = new PIXI.RenderTexture(800, 600);
var sprite = PIXI.Sprite.fromImage("spinObj_01.png");
sprite.position.x = 800/2;
sprite.position.y = 600/2;
sprite.anchor.x = 0.5;
sprite.anchor.y = 0.5;
renderTexture.render(sprite);
В данном случае Sprite будет отрисован в позиции 0,0. Чтобы отрисовать Sprite в его фактической позиции, следует использовать DisplayObjectContainer:
var doc = new PIXI.DisplayObjectContainer();
doc.addChild(sprite);
renderTexture.render(doc); // Отрисовывает в центре renderTexture
Параметры
| Имя | Тип | Описание |
|---|---|---|
width | Число | Ширина render-текстуры |
height | Число | Высота render-текстуры |
renderer | PIXI.CanvasRenderer | PIXI.WebGLRenderer | Рендерер, используемый для этой RenderTexture |
scaleMode | Число | См. {{#crossLink "PIXI/scaleModes:property"}}PIXI.scaleModes{{/crossLink}} для возможных значений |
resolution | Число | Разрешение генерируемой текстуры |
- Исходный код: pixi/textures/RenderTexture.js (Строка 5)
Расширяет
Общедоступные свойства
- Исходный код: pixi/textures/RenderTexture.js (Строка 78)
- Исходный код: pixi/textures/RenderTexture.js (Строка 69)
- Исходный код: pixi/textures/RenderTexture.js (Строка 61)
- Исходный код: pixi/textures/RenderTexture.js (Строка 45)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 79)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 28)
- Исходный код: pixi/textures/RenderTexture.js (Строка 99)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 95)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 87)
- Исходный код: pixi/textures/RenderTexture.js (Строка 53)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 63)
- Исходный код: pixi/textures/RenderTexture.js (Строка 125)
- Исходный код: pixi/textures/RenderTexture.js (Строка 37)
baseTexture : PIXI.BaseTexture
Объект базовой текстуры, используемый этой текстурой
crop :Rectangle
Это область изображения BaseTexture, которая фактически копируется в Canvas / WebGL при отрисовке,
независимо от фактического размера кадра или размещения (что может влиять на обрезку текстур атласов)
frame :Rectangle
Прямоугольник кадра render-текстуры
height : число
Высота render-текстуры
isTiling : boolean
Является ли это текстурой с повторением? Используется, например, в TilingSprite.
noFrame : boolean
Назначены ли этому текстуре какие-либо данные кадра?
renderer : PIXI.CanvasRenderer | PIXI.WebGLRenderer
Рендерер, используемый этой RenderTexture. В данный момент RenderTexture может принадлежать только одному рендереру, если это webGL.
Тип
requiresReTint : boolean
Это позволит рендереру знать, что родитель с заливкой обновил свою текстуру.
requiresUpdate : boolean
Это позволит рендереру знать, что текстура была обновлена (в основном для обновлений uv в webGL).
resolution : число
Разрешение текстуры.
trim :Rectangle
Данные обрезки текстуры.
valid : boolean
width : число
Ширина render-текстуры
Общедоступные методы
- Исходный код: pixi/textures/RenderTexture.js (Строка 175)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 165)
- Исходный код: pixi/textures/RenderTexture.js (Строка 309)
- Исходный код: pixi/textures/RenderTexture.js (Строка 320)
- Исходный код: pixi/textures/RenderTexture.js (Строка 296)
- Исходный код: pixi/textures/RenderTexture.js (Строка 139)
- Унаследовано от
- Исходный код: pixi/textures/Texture.js (Строка 178)
clear()
Очищает RenderTexture.
destroy(destroyBase)
Уничтожает эту текстуру.
Параметры
| Имя | Тип | Описание |
|---|---|---|
destroyBase | Boolean | Уничтожить базу текстуры тоже |
getBase64() → {String}
Возвращает строку в формате base64 этой текстуры. Она работает, вызывая RenderTexture.getCanvas, а затем выполняя toDataURL на этом.
Возвращает
Строка в формате base64 текстуры.
getCanvas() → {HTMLCanvasElement}
Создаёт элемент Canvas, отрисовывает это RenderTexture на нём и возвращает его.
Возвращает
Элемент Canvas с отрисованной текстурой.
getImage() → {Image}
Возвращает HTML Image текстуры.
Возвращает
resize(width, height, updateBase)
Изменяет размер RenderTexture.
Параметры
| Имя | Тип | Описание |
|---|---|---|
width | Число | Ширина для изменения размера. |
height | Число | Высота для изменения размера. |
updateBase | Boolean | Нужно ли изменять значения baseTexture.width и height? |
setFrame(frame)
Указывает область базовой текстуры, которую будет использовать эта текстура.
Параметры
| Имя | Тип | Описание |
|---|---|---|
frame | Rectangle | Фрейм текстуры, который нужно установить. |
© 2016 Richard Davey, Photon Storm Ltd.
Licensed under the MIT License.
http://phaser.io/docs/2.6.2/PIXI.RenderTexture.html