Ich habe ein Projekt in Phaser. Ich möchte einen Benutzer Bild-Editor auf Elemente auf der Leinwand

Question

Der Benutzer haben ein Menü von Elementen (nennen wir sie Aufkleber) und er legt sie auf der Bühne.

Ich möchte sie in der Lage sein, sie zu bearbeiten (Skalierung und Rotation), aber ich will nicht, dass es eine Symbolleiste ist, sondern eine Anzeige auf dem Element selbst.

Ich fand, was ich brauche, aber es ist auf fabricjs.

Kann ich diesen Code auf Phaser verwenden, oder gibt es eine Bibliothek, die das gleiche für Phaser tut?

Answer 1

Diese Funktionalität ist in Phaser nicht verfügbar. Du musst es selbst schreiben.

Ein guter Ausgangspunkt (oder zumindest wie ich es tun würde) wäre eine benutzerdefinierte Klasse, die Phaser.Group erweitert und enthält das Bild selbst (möglicherweise als Sprite) und die Helfer Sprites (nennen wir sie "Handles") sind herumgelegt. Eine Phaser.Group kann ihre eigene update() haben, so dass Sie mit dem dort eingegebenen Handle umgehen können. Es ist natürlich, dass Sie sowohl scale.x als auch scale.y des Sprites modifizieren sollten, wenn Sie einen Eckpunkt ziehen oder nur x oder y, wenn Sie an einer der Seiten ziehen. Du musst mit den Ankern fertig werden und dich selbst positionieren.