Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS][CSS][HTML] Gra przeglądarkowa - bardzo obciąża procesor
Forum PHP.pl > Forum > Po stronie przeglądarki
sweter
Witam,
ostatnio wzięła mnie chęć na stworzenie gry przeglądarkowej przypominającej SimCity smile.gif
Mapka miastem (prezentowanym w rzucie izometrycznym) składała by się z, powiedzmy, 10000 kwadracików, gdzie 1 kwadracik (a właściwie romb, bo będzie to widok "z ukosa") = 1 divowi.
No i tu zaczynają się schody. No bo mapka nie będzie prezentowana cała od razu, tylko jej środkowa część, a reszta będzie overflow:hidden. Do przemieszczenia się po mapce będzie się używać "przeciągania" klikniętego kursora (czyli tak jak jest to normalnie w tego typu grach). Chciałem do tego użyć jQuery Draggable (http://jqueryui.com/demos/draggable/#events).
Niestety, gdy testowałem to, to strona strasznie klatkowała sad.gif

I teraz pytania:
1. W jaki sposób mogę zwiększyć ilość klatek/sek przy przesuwaniu mapy?
2. Chciałem, aby zdjęcia domków, ulic, drzew były animowane. Niestety aby zrobić animację będę musiał użyć plików .gif, a te nie zapewniają mi gładkich przejść z koloru do przezroczystości.

Czy możecie poradzić mi jakich technologii miałbym użyć, aby uporać sobie z tymi zagwostkami?

Pozdrawiam smile.gif
#luq
Po pierwsze, ładowanie całości naraz to idiotyzm. Od tego masz ajaxa`a żeby seriami odczytywać dane po wykonaniu jakichś zdarzeń, u Ciebie to będzie drag(). Po drugie, rozwiązanie czysto div`owe też jest raczej kiepskie, zastanów się nad canvas`em z dodatkami DOMowymi. Spójrz sobie na http://www.youtube.com/watch?v=uMn4Sijglz8, aktualnie coś serwer gry nie odpowiada, może autor przeniósł, nie wiem...

Poza tym, tylko chce napomknąć, że jQuery nie bardzo nadaje się do pisania tak zaawansowanych rzeczy, sam piszę (długą przerwę mam), system mapy pod RPG z wykorzystaniem właśnie jQ, jednak ostatnio poznaje Mootools`a i powiem szczerze, że jest bardziej na miejscu do pisania takich rzeczy. Samo wsparcie dla OOP to wielki atut przemawiający za Moo.
wookieb
Cytat
1. W jaki sposób mogę zwiększyć ilość klatek/sek przy przesuwaniu mapy?

Flash MouseEvent.updateAfterEvent() - czyli coś czego wszystkie jsowe animacje shity nie mają
Cytat
2. Chciałem, aby zdjęcia domków, ulic, drzew były animowane. Niestety aby zrobić animację będę musiał użyć plików .gif, a te nie zapewniają mi gładkich przejść z koloru do przezroczystości.

Flash
Kartofelek
1. Użyj techniki zastosowanej w Google Maps
2. Gify? Nie koniecznie, chociaż pewnie łatwiej.
http://doman.art.pl/kursjs/kurs/canvas/canvas_animacja.html
I lepiej było by gdybyś wykorzystał canvas zamiast układanie divów.

...Oczywiście we Flash będzie to wszystko o wiele łatwiej zrobić.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.