JSFiddle - React, Tailwind, and code Playground

by Bouh

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.8.6/pixi.min.js"></script>

JavaScript

var renderer, container, container2, renderTexture, sprite, buffer;

function init() {
 
    renderer = new PIXI.WebGLRenderer(600, 600);
    renderTexture = new PIXI.RenderTexture(renderer, 600, 600);
    document.body.appendChild(renderer.view);
    
    container = new PIXI.Container();
    requestAnimationFrame(animate);
 
    buffer = new PIXI.Graphics();
    buffer.beginFill(0x00DDEE);
    buffer.drawRect(50, 50, 100, 100);   
    container.addChild(buffer);
    
    renderTexture.render(buffer);
    sprite = new PIXI.Sprite(renderTexture);
    sprite.position.x += 200;
    container.addChild(sprite);
    
}

function animate() {

    renderer.render(container);
    requestAnimationFrame(animate);
}


init();