Source: core/textures/RenderTexture.js

core/textures/RenderTexture.js

  1. import BaseRenderTexture from './BaseRenderTexture';
  2. import Texture from './Texture';
  3. /**
  4. * A RenderTexture is a special texture that allows any PixiJS display object to be rendered to it.
  5. *
  6. * __Hint__: All DisplayObjects (i.e. Sprites) that render to a RenderTexture should be preloaded
  7. * otherwise black rectangles will be drawn instead.
  8. *
  9. * A RenderTexture takes a snapshot of any Display Object given to its render method. For example:
  10. *
  11. * ```js
  12. * let renderer = PIXI.autoDetectRenderer(1024, 1024);
  13. * let renderTexture = PIXI.RenderTexture.create(800, 600);
  14. * let sprite = PIXI.Sprite.fromImage("spinObj_01.png");
  15. *
  16. * sprite.position.x = 800/2;
  17. * sprite.position.y = 600/2;
  18. * sprite.anchor.x = 0.5;
  19. * sprite.anchor.y = 0.5;
  20. *
  21. * renderer.render(sprite, renderTexture);
  22. * ```
  23. *
  24. * The Sprite in this case will be rendered using its local transform. To render this sprite at 0,0
  25. * you can clear the transform
  26. *
  27. * ```js
  28. *
  29. * sprite.setTransform()
  30. *
  31. * let renderTexture = new PIXI.RenderTexture.create(100, 100);
  32. *
  33. * renderer.render(sprite, renderTexture); // Renders to center of RenderTexture
  34. * ```
  35. *
  36. * @class
  37. * @extends PIXI.Texture
  38. * @memberof PIXI
  39. */
  40. export default class RenderTexture extends Texture
  41. {
  42. /**
  43. * @param {PIXI.BaseRenderTexture} baseRenderTexture - The renderer used for this RenderTexture
  44. * @param {PIXI.Rectangle} [frame] - The rectangle frame of the texture to show
  45. */
  46. constructor(baseRenderTexture, frame)
  47. {
  48. // support for legacy..
  49. let _legacyRenderer = null;
  50. if (!(baseRenderTexture instanceof BaseRenderTexture))
  51. {
  52. /* eslint-disable prefer-rest-params, no-console */
  53. const width = arguments[1];
  54. const height = arguments[2];
  55. const scaleMode = arguments[3];
  56. const resolution = arguments[4];
  57. // we have an old render texture..
  58. console.warn(`Please use RenderTexture.create(${width}, ${height}) instead of the ctor directly.`);
  59. _legacyRenderer = arguments[0];
  60. /* eslint-enable prefer-rest-params, no-console */
  61. frame = null;
  62. baseRenderTexture = new BaseRenderTexture(width, height, scaleMode, resolution);
  63. }
  64. /**
  65. * The base texture object that this texture uses
  66. *
  67. * @member {BaseTexture}
  68. */
  69. super(
  70. baseRenderTexture,
  71. frame
  72. );
  73. this.legacyRenderer = _legacyRenderer;
  74. /**
  75. * This will let the renderer know if the texture is valid. If it's not then it cannot be rendered.
  76. *
  77. * @member {boolean}
  78. */
  79. this.valid = true;
  80. this._updateUvs();
  81. }
  82. /**
  83. * Resizes the RenderTexture.
  84. *
  85. * @param {number} width - The width to resize to.
  86. * @param {number} height - The height to resize to.
  87. * @param {boolean} doNotResizeBaseTexture - Should the baseTexture.width and height values be resized as well?
  88. */
  89. resize(width, height, doNotResizeBaseTexture)
  90. {
  91. width = Math.ceil(width);
  92. height = Math.ceil(height);
  93. // TODO - could be not required..
  94. this.valid = (width > 0 && height > 0);
  95. this._frame.width = this.orig.width = width;
  96. this._frame.height = this.orig.height = height;
  97. if (!doNotResizeBaseTexture)
  98. {
  99. this.baseTexture.resize(width, height);
  100. }
  101. this._updateUvs();
  102. }
  103. /**
  104. * A short hand way of creating a render texture.
  105. *
  106. * @param {number} [width=100] - The width of the render texture
  107. * @param {number} [height=100] - The height of the render texture
  108. * @param {number} [scaleMode=PIXI.settings.SCALE_MODE] - See {@link PIXI.SCALE_MODES} for possible values
  109. * @param {number} [resolution=1] - The resolution / device pixel ratio of the texture being generated
  110. * @return {PIXI.RenderTexture} The new render texture
  111. */
  112. static create(width, height, scaleMode, resolution)
  113. {
  114. return new RenderTexture(new BaseRenderTexture(width, height, scaleMode, resolution));
  115. }
  116. }