Ich baue ein Werkzeug, das Fahrradräder visualisiert. Es verwendet ungefähr 100 PIXI.Graphics, um das gesamte Rad zu bauen, das alle in einem PIXI.Container platziert und dann gerendert wird. Es scheint ziemlich viel zu sein, jeden Frame zu rendern, also habe ich mir die PIXI.RenderTexture-Klasse angesehen und gedacht, dass es in diesem Fall Sinn macht, sie zu verwenden. Also Frage 1, ist das ein guter Anwendungsfall? und Frage 2, wie kann ich es verwenden, weil ich Schwierigkeiten habe, es auszuarbeiten.Wie und wann PIXI.RenderTexture verwenden
const options = {
transparent: true,
antialias: true,
backgroundColor: 0xffffff,
resolution: window.devicePixelRatio,
view: canvasEle,
};
const app = new PIXI.Application(width, height, options);
const wrapper = new PIXI.Container(); // Wrapper is used for zooming and panning the wheel
app.stage.addChild(wrapper);
const wheel = new Wheel(wheelOpts); // Returns PIXI.Container full of PIXI.Graphics
wrapper.addChild(wheel);
Und mein Versuch, die renderTexture wie folgt zu verwenden. Aber ich kann nicht scheinen, um es zu arbeiten,
const options = {
transparent: true,
antialias: true,
backgroundColor: 0xffffff,
resolution: window.devicePixelRatio,
view: canvasEle,
};
const app = new PIXI.Application(width, height, options);
const wrapper = new PIXI.Container(); // Wrapper is used for zooming and panning the wheel
app.stage.addChild(wrapper);
const wheelRenderTexture = new PIXI.RenderTexture.create(width, height);
const wheelSprite = new PIXI.Sprite(wheelRenderTexture)
wrapper.addChild(wheelSprite)
const wheel = new Wheel(wheelOpts); // Returns PIXI.Container full of PIXI.Graphics
app.ticker.add(() =>
{
app.renderer.render(wheel, wheelRenderTexture);
})
Vielen Dank für jede Hilfe