2D-Welten mit PixiJS: Viel mehr als nur ein paar nette Effekte

Mit der HTML-5 -Engine PixiJS lassen sich 2D-Web-GL-Renderer erzeugen, um Informationen im Web schön und interaktiv darzustellen. Einfach ist es auch noch.

5. September 2024 um 12:00 Uhr / Eine Anleitung von Fabian Deitelhoff

EIne Demo-Anwendung mit PixiJS Bild: Fabian Deitelhoff/Montage: Golem.de

Text, Bilder und Links reichen im Web längst nicht mehr aus, um Aufmerksamkeit zu erregen. Auch die Funktionen des vielzitierten Web 2.0, die Besucher zur Interaktion mit der Webseite und untereinander anregen sollen, sind nichts Besonderes mehr. In Zeiten der Informationsflut wird es immer wichtiger, Daten angemessen zu präsentieren. Informationen müssen nachvollziehbar dargestellt, am besten visuell aufbereitet und interaktiv sein. So können Nutzer, beispielsweise durch Filter, die für sie relevanten Informationen herausfinden.

Web-Bibliotheken zur Erstellung von 2D- und 3D-Inhalten sind dafür ideal. Sie bieten weit mehr als nur ein paar nette Effekte. Moderne Bibliotheken wie PixiJS sind flexibel einsetzbar, sehr performant und sorgen mit einer abstrakten Schnittstelle dafür, dass grundlegende Kenntnisse nicht erforderlich sind. Der Artikel gibt eine Einführung in die Open-Source-Bibliothek und zeigt, was PixiJS kann und welche Alternativen es gibt.