Pixi.js: Pixi-Lader ausfahren?

Erstellt am 15. Okt. 2019  ·  3Kommentare  ·  Quelle: pixijs/pixi.js

Gibt es eine Möglichkeit, den Pixi-Loader zu erweitern oder einen benutzerdefinierten Loader zu schreiben? Ich möchte SVGZ-Unterstützung hinzufügen, was im Grunde bedeutet, dass ich mit Gzip komprimierte geladene Inhalte in eine richtige SVG-Datei entleeren muss, bevor Pixi sie verarbeiten kann.

Hilfreichster Kommentar

PixiJS v5 hat registerPlugin in den Loader eingeführt:
http://pixijs.download/dev/docs/PIXI.Loader.html#.registerPlugin

Auf diese Weise können Sie Ihre eigene Middleware erstellen, um benutzerdefinierte Medientypen zu verarbeiten. Hier ist ein grobes Beispiel, wie Sie dies tun könnten:

const SVGZLoaderPlugin = {
  add() {
    // handle loading SVGZ files as an ArrayBuffer
    PIXI.LoaderResource.setExtensionXhrType(
      'svgz', LoaderResource.XHR_RESPONSE_TYPE.BUFFER);
    PIXI.LoaderResource.setExtensionLoadType(
      'svgz', LoaderResource.LOAD_TYPE.XHR);
  },
  use(resource, next) {
    // deflate SVGZ
    next();
  }
};
PIXI.Loader.registerPlugin(SVGZLoaderPlugin);

Weitere Informationen zur Funktionsweise des Loaders finden Sie auch unter https://github.com/englercj/resource-loader .

Viel Glück!

Alle 3 Kommentare

PixiJS v5 hat registerPlugin in den Loader eingeführt:
http://pixijs.download/dev/docs/PIXI.Loader.html#.registerPlugin

Auf diese Weise können Sie Ihre eigene Middleware erstellen, um benutzerdefinierte Medientypen zu verarbeiten. Hier ist ein grobes Beispiel, wie Sie dies tun könnten:

const SVGZLoaderPlugin = {
  add() {
    // handle loading SVGZ files as an ArrayBuffer
    PIXI.LoaderResource.setExtensionXhrType(
      'svgz', LoaderResource.XHR_RESPONSE_TYPE.BUFFER);
    PIXI.LoaderResource.setExtensionLoadType(
      'svgz', LoaderResource.LOAD_TYPE.XHR);
  },
  use(resource, next) {
    // deflate SVGZ
    next();
  }
};
PIXI.Loader.registerPlugin(SVGZLoaderPlugin);

Weitere Informationen zur Funktionsweise des Loaders finden Sie auch unter https://github.com/englercj/resource-loader .

Viel Glück!

Danke, Matt! Bisher verursacht ein Upgrade von v4 auf v5 Probleme mit dem Loader - er schreibt die Warnung "PIXI.loaders.Loader class has move to PIXI.Loader" und zeigt ein schwarzes Rechteck auf dem Bildschirm an, bis alle Bilder geladen sind.

Gibt es eine Übergangsanleitung oder Beispiele, wie man den alten Pixi-Loader umschreibt, um den neuen zu verwenden?

Wir haben hier einen v5-Migrationsleitfaden: https://github.com/pixijs/pixi.js/wiki/v5-Migration-Guide

Es gibt nichts Besonderes für Loader. Diese veraltete Warnung weist Sie nur darauf hin, dass sich der Namespace geändert hat, aber es sollte noch funktionieren. Wenn etwas Subtileres vor sich geht, wenn Sie eine neue Ausgabe mit einem Beispiel dafür erstellen könnten, was Sie mit schwarzen Rechtecken sehen, können wir vielleicht eine anmutigere Erfahrung bieten.

Ich werde dieses Problem schließen, da die Plugin-Frage anscheinend gelöst wurde.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

MRVDH picture MRVDH  ·  3Kommentare

lucap86 picture lucap86  ·  3Kommentare

neciszhang picture neciszhang  ·  3Kommentare

SebastienFPRousseau picture SebastienFPRousseau  ·  3Kommentare

courtneyvigo picture courtneyvigo  ·  3Kommentare