search
LoginSignup
0
Help us understand the problem. What are the problem?

posted at

updated at

pixi.jsのcontainerからテクスチャーを作る

pixi.jsのcontainerからtextureをつくるやり方です。
こんな感じのクラスを作ってみました。

class ContainerToTexture {
  private width: number;
  private height: number;
  private texture: PIXI.RenderTexture;
  constructor(width: number, height: number){
    this.resize(width, height);
  }
  /**
   * コンテナをテクスチャーに変換する
   * @param container 変換するcontainer
   * @returns 生成したテクスチャー
   */
  public convert(container: PIXI.Container){
    core.app.renderer.render(container, this.texture);//rendererをお使いにの場所に変えてください
    return this.texture;
  }
  //テクスチャーのサイズを変更
  public resize(width: number, height: number){
    this.width = width;
    this.height = height;
    this.texture = new PIXI.RenderTexture(
      new PIXI.BaseRenderTexture({width: width, height: height})
    );
  }
}

幅と高さを指定してクラスを作ってconvert()で変換したいcontainerを渡してやるとテクスチャーになって返ってきます。

おまけ

★pixi.jsの基本的な使い方の記事
【PixiJS入門】初めて使うときに知っておきたい基本的なこと

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
0
Help us understand the problem. What are the problem?