Sind SVG-Grafiken für ein Browser-Spiel geeignet?

Question

Sind SVG-Grafiken eine praktikable Option für ein Browser-Spiel mit einer Google-Maps-Benutzeroberfläche? Dies würde ein Heran- und Herauszoomen und ein Scrollen in zwei Dimensionen über eine sehr große Entfernung beinhalten. Der Client könnte zum Beispiel verlangen, dass ein Bereich vom Server eingezeichnet wird - anstatt dass der Server ein generiertes Bild für diesen Abschnitt zurückgibt, würde er eine Reihe von gezippten SVG-Bildern und ihre Positionen im angeforderten zurückgeben Bereich. Dann konnte der Benutzer ein- und auszoomen, ohne neue "Kacheln" vom Server zu nehmen, da SVGs skalierbar sind.

Wäre das besser als das Generieren von PNGs oder JPEGs und das Zurücksenden von Kacheln? Wäre es eine gute Leistung, wenn viele Kunden überall Bilder anfordern würden? Würde es auf dem Client gut funktionieren? Was sind die Nachteile dieses Ansatzes?

Answer 1

In meinem erfahrenen. Der Nachteil ist die erreichbare Detailgenauigkeit mit SVG ist niedriger als verlustreiche Bildkompression wie JPEG und PNG. Ich hatte Schwierigkeiten, all meine Vektorgrafiken gut miteinander zu spielen. Wenn Ihre Künstler mit der Arbeit in SVG vertraut sind, ist dies kein Problem. Ein weiterer Hinweis ist, dass SVG-Kompatibilität zwischen Browsern sehr kann. Zum Beispiel bin ich mir nicht sicher, welche Browser SVG unterstützen. Webkit tut das, und ich denke, Firefox macht das meistens, aber ich bin mir ziemlich sicher, dass IE sozusagen aus dem Bild ist.

Insgesamt SVG wird höhere Anforderungen an Client-Rechner und geringere Anforderungen an Ihre Server stellen. Das Berechnen von Hunderten von SVG-Bildern ist viel mehr Arbeit als das Anordnen von PNGs.

In wirklich hängt von Ihrem Spiel ab. Wenn Sie Schach schreiben, würde es wahrscheinlich gut funktionieren. Wenn Sie in Echtzeit etwas Komplizierteres machen wollen (zB ein 2-seitiges Side-Scrolling-Spiel), habe ich keine Ahnung.

mit als Beispiel. Ich bin mit Chrome unter Windows und in regelmäßigen Abständen verschiedene Bars „Zucken“ und „Reset für einen zweiten“

bearbeiten

Ich sah nur this first person SVG Demo So kann es geschehen.