JSFiddle - React, Tailwind, and code Playground

by adil_invideo

HTML

<script src="https://pixijs.download/v6.0.0/pixi.min.js"></script>

JavaScript

// DO NOT EDIT THIS FILE
const app = new PIXI.Application({
  backgroundColor: 0x1099bb,
  antialias: true,
  preserveDrawingBuffer: true,
  sharedTicker: false,
  autoStart: true
});
document.body.appendChild(app.view);

//FIRST TEXTURE WITHOUT MULTISAMPLEAA
// const bunny1 = 
// PIXI.Sprite.from('https://d1efk3962q5p8g.cloudfront.net/480x480/colour_make_up_pinterest_1577140037806.png');
// bunny1.anchor.set(0.5);
// bunny1.x = app.screen.width / 4;
// bunny1.y = 3 * app.screen.height / 4;
// bunny1.rotation =0.5


// let renderTexture1 = PIXI.RenderTexture.create({ width: 800, height: 600, });
// app.stage.addChild(PIXI.Sprite.from(renderTexture1))
// let container1 = new PIXI.Container()
// container1.addChild(bunny1)
// app.renderer.render(container1, renderTexture1)


//SECOND TEXTURE MSAA.

const compositeContainer = new PIXI.Container();
compositeContainer.pivot.set(0.5);
compositeContainer.x = 100;
compositeContainer.rotation = 0.5
app.stage.addChild(compositeContainer);

const imageContainer = new PIXI.Container();
compositeContainer.addChild(imageContainer);


const tempSprite =
  PIXI.Sprite.from('https://d1efk3962q5p8g.cloudfront.net/480x480/colour_make_up_pinterest_1577140037806.png');


let renderTexture = PIXI.RenderTexture.create({
  width: 800,
  height: 600,
});
/* renderTexture.multisample = PIXI.MSAA_QUALITY.HIGH; */


let texture = new PIXI.Texture(renderTexture.baseTexture);

let sprite = PIXI.Sprite.from(texture);
imageContainer.addChild(sprite);



app.renderer.render(tempSprite, renderTexture)
/* app.renderer.framebuffer.blit(); */