Ich entwickle eine neue Spiel-Engine für das Web mit dem Namen Engine1. Derzeit habe ich ein paar Prototypen erstellt. Bis jetzt konnte ich das:
- Abbildung der transparenten Pixel von Sprites mit Hilfe von Canvas.
- Binden Sie Ereignisse an die opaken Pixel von Sprites.
- Entwickeln Sie eine Spiel-Laufzeit mit einer bestimmten fps.
- Animieren Sie Sprites mit variablem Frame-Timing.
- Animierte Elementbewegung, sowohl
- Rahmen von Ruhm
- und mit bildbasierten Bewegungs-Tweens
Ich bin mit meinen Fortschritten zufrieden, aber es scheint mir unangenehm zu sein, weiter voranzukommen, ohne einen Experten für DOM-Leistung zu konsultieren.
Derzeit, wenn ein Element erstellt wird, seine angehängt, um ein DOM-Fragment ich die "Shadow DOM" nennen. Bei jedem Frame wird der HTML-Code dieses "Schatten-DOM" kopiert und in den Hauptteil der Seite (oder den aktuellen Ansichtsbereich) eingefügt.
Ich habe es so eingerichtet, weil ich der Seite alles in einem erneuten Durchlauf des Browsers hinzufügen kann.
Ich habe die Befürchtung, dass die gewonnene Leistung dadurch wieder zunichte gemacht wird, dass der Inhalt des Browsers neu übertragen werden muss, selbst wenn nur Teile der Seite geändert werden.
Außerdem wird die Ereignisbindung viel komplizierter.
Haben Sie eine Idee?
Sollte ich ein "Schatten-DOM" verwenden?
Gibt es eine bessere Möglichkeit, eine große Anzahl von Elementen zu rendern?
Gibt es eine Möglichkeit, nur Unterschiede aus dem "Schatten-DOM" in den Browser-Body zu kopieren?
