Hallo sitedealers,

Ik ben in me vrije tijd vaak bezig met het ontwikkelen van een game, en daarbij hoort een level/map bewerker.
Er zijn al wat geavanceerde opties mogelijk met de level/map editor (wel enkele bugs).

Maar waar ik nu vaak tegen aan stoot is de performance!!

Probeer het maar zelf uit (liefst met google chrome):

Als je ctrl + o toetst en dan de grote map kiest uit de lijst merk je dat het laden traag is, wanneer je dan een tilesheet kiest en wat tekent op de map is tie ook traag.
Maar bij de kleine map gaat het nog wel vloeiend.

Ik kan me wel realiseren dat het zwaar is om (50*50) 2.500 div's te maken. Het laden maakt niet heel veel uit.
Maar als ik een bewerking maak, stel ik voeg een huis toe van 5 bij 12. Dan bewerk je (5*12=)60 div's. Of je dit doet op een map van 10 bij 10 of 100 bij 100 dit zou niet veel uit moeten maken.

Ergens checkt angularjs dingen onnodig. Ik heb ook van stackoverflow vragen gelezen over dat bindings {{variable}} gebruik maakt van dirty checking (checken of de variabel is verandert bij iedere bewerking). En bij native functies ng-class, ng-style etc dat niet gebeurt en alleen bewerkt waar nodig. Maar vind nergens anders hoe ik dit kan fixen.

Help!!

Geen idee hoe het traag kan zijn maar misschien een tip:

Render de divs buiten de viewport niet.
Hoe groot je speelveld dan ook is, je hebt nooit meer divs dan dat de viewport.
Zodra je karakter gaat lopen verander je de afbeeldingen in de divs die in de viewport zitten.

Hallo Wilbert,

Bedankt voor je tijd en inzet!

Helaas gaat dit niet over angularjs of optimalisatie qua level/map bewerker.

Dit is wel handig qua de game engine ontwikkelen. Deze heb ik gelukkig wel helemaal uit gewerkt, dus is deze informatie overbodig.