javascript - 如何将 pixi.js 动画插入应用到 babylon.js 的纹理中

Question

我有一个简单的pixi.js动画：

var pixiRenderer = new PIXI.WebGLRenderer({context:engine._gl, view:engine.getRenderingCanvas()});
const stage = new PIXI.Container();
const texture = PIXI.Texture.from('https://i.imgur.com/XYtAXP4.png');
const man = new PIXI.Sprite(texture);
PIXI.ticker.shared.add(delta => {stage.rotation -= 0.01 * delta;});

我正在尝试将这个动画插入HtmlElementTexture到babylon.js：

var plane = BABYLON.MeshBuilder.CreatePlane("plane", {size: 10});
var material = new BABYLON.StandardMaterial("material", scene);
material.diffuseTexture = new BABYLON.HtmlElementTexture("texture", pixiRenderer.extract.canvas(), {scene:scene, engine:scene.getEngine()});
plane.position = new BABYLON.Vector3(0, 0, 0);
plane.material = material;

但我在飞机上看到动画是pixi.js分开的。babylon.js如何将pixi.js动画应用于纹理babylon.js？

所有示例： https ://jsfiddle.net/8L31j9pe/

标签： javascript3d2dpixi.jsbabylonjs