JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.2.0/pixi.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babylonjs/4.0.3/babylon.js"></script>
<canvas id="renderCanvas" touch-action="none" width='500px' height='500px'></canvas>

JavaScript

var canvas = document.getElementById("renderCanvas");

// babylon.js rendering
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.FreeCamera("camera1", new BABYLON.Vector3(0, 5, -10), scene);
camera.setTarget(BABYLON.Vector3.Zero());
camera.attachControl(canvas, true);
var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
light.intensity = 0.7;
var sphere = BABYLON.Mesh.CreateSphere("sphere1", 16, 2, scene);
sphere.position.y = 1;
var ground = BABYLON.Mesh.CreateGround("ground1", 6, 6, 2, scene);
var isWebGL1 = engine.webGLVersion === 1;


// pixi.js rendering
var pixiRenderer = new PIXI.Renderer({
	context: engine._gl,
	view: engine.getRenderingCanvas(),
	width: engine.getRenderWidth(),
	height: engine.getRenderHeight(),
	clearBeforeRender: false,
});
var stage = new PIXI.Container();

var text = new PIXI.Text("PixiJS");
text.anchor.set(0.5);
text.position.set(canvas.width/2, canvas.height/2);
text.style.fill = "red";
stage.addChild(text);

engine.runRenderLoop(function() {
	if(isWebGL1)
  	pixiRenderer.reset();
    
	scene.render();    	
  engine.wipeCaches(true);
  
  pixiRenderer.reset();
  pixiRenderer.render(stage);
});