pic
Pomimo iż technologia WebGL jest stosunkowo młoda, już dostępna jest bogata baza frameworków. W zasadzie jest ich tak dużo, że na początku trudno któryś wybrać. W ostatnim czasie miałem okazję spróbować kilku z nich i podzielę się z  wami moimi spostrzeżeniami. Ostrzegam, że pewne cechy bibliotek, o których piszę mogą się zmienić w czasie (np. uwagi dot. niepełnych dokumentacji). Dodatkowo oceniałem ich możliwości pod kątem swoich potrzeb, ktoś inny może mieć inne wrażenia. SceneJS Dynamicznie rozwijany Framework z API sceny opartym na formacie JSON. Projekt zapoczątkowany przez Lindsay Key, aktualnie rozwijany przez kilka osób. Framewo...
pic
Artykuł poświęcony jest eksportowaniu modeli (stworzonych w programie blender) do formatu JSON i ładowaniu ich w WebGL. Zrobimy również mały porządek z shaderami, które wrzucimy do osobnych plików, co daje lepszą czytelność i pozwala chociażby na kolorowanie składni, jeśli mamy edytor, który rozpoznaje GLSL. Lekcja ta jest modyfikacją poprzedniej lekcji. Efekt końcowy na rysunku poniżej lub na żywo tutaj. JSON (JavaScript Object Notation) jest czytelnym i intuicyjnym formatem, który ma swoje korzenie w JavaScript (więcej możecie doczytać na wikipedii). JavaScript posiada wbudowany obiekt globalny JSON, który potrafi parsować ten format. Poniżej mamy zaw...
pic
Ukończyliśmy właśnie prace nad grą "Vehicle Soccer". Jest to trójwymiarowa zręcznościówka polegająca na umiejętnym manewrowaniu jednym z pojazdów w celu łapania, uderzania oraz omijania różnych piłek na arenach. Grać można samemu przechodząc i odblokowując kolejne rundy (tryb single) lub w 2 osoby na jednej klawiaturze starając się zdobyć więcej punktów od przeciwnika (tryb multi). Gra została wystawiona do konkursu Mozilla Labs - Game ON więc możecie trzymać kciuki i jeśli wam się spodoba - oddać swój głos :-) Lista wszystkich gier zgłoszonych do konkursu znajduje się w galerii gier konkursu Game On. Aby zagrać wystarczy kliknąć w scr...
pic
źródło: Mozilla Konkurs skierowany jest do niezależnych twórców gier. Aby wziąć w nim udział trzeba stworzyć grę przeglądarkową wykorzystującą wyłącznie otwarte standardy webowe. Mile widziane są nowo powstające technologie takie jak WebGL, czy HTML5. Zasada jest jedna: gra musi być kompatybilna z przegladarką Firefox w najnowszej (testowej jeszcze) wersji 4.0. Gdy gra będzie gotowa, trzeba zarejestrować się na oficjalnej stronie wydarzenia: gaming.mozillalabs.com i podać nazwę, krótki opis oraz link do dzieła umieszczonego w sieci. Podczas oceniania gier brane będą pod uwagę następujące walory: Poprawność techniczna (engine, kod), wykorz...
pic
Dzisiaj dodamy trochę światła do naszej sceny. Lekcja ta bazuje na kodzie jednej z poprzednich: Porządek w kodzie i omówię jedynie różnice. Efekt końcowy dzisiejszej lekcji zobaczyć możecie na rysunku poniżej, lub na żywo tutaj. Możecie również pobrać kod dzisiejszej lekcji. Osoby zaznajomione z OpenGL mogą być trochę zawiedzone faktem, że WebGL (który bazuje na OpenGL ES) nie posiada automatycznego wsparcia dla światła (czytaj funkcji ustawiających pozycję, kolor itp. parametrów światła). Wszelkie obliczenia związane z oświetleniem musimy zrobic sami w shaderach. Przytoczona tu metoda jest tzw. "opartą na wierzchołkach". Znaczy to tyle, że...
sty

13

Ukończyliśmy właśnie prace nad grą „Vehicle Soccer”. Jest to trójwymiarowa zręcznościówka polegająca na umiejętnym manewrowaniu jednym z pojazdów w celu łapania, uderzania oraz omijania różnych piłek na arenach. Grać można samemu przechodząc i odblokowując kolejne rundy (tryb single) lub w 2 osoby na jednej klawiaturze starając się zdobyć więcej punktów od przeciwnika (tryb multi).

Gra została wystawiona do konkursu Mozilla Labs – Game ON więc możecie trzymać kciuki i jeśli wam się spodoba – oddać swój głos :-) Lista wszystkich gier zgłoszonych do konkursu znajduje się w galerii gier konkursu Game On.

Aby zagrać wystarczy kliknąć w screen, natomiast poniżej znajduje się krótkie podsumowanie projektu oraz użytych technologii.


screen_shot_3

Projekt ten jest w zasadzie prototypem tak samo jak standard HTML5, którego użycie było głównym założeniem. Przekonaliśmy się na własnej skórze, że nie wszystkie technologie wchodzące w jego skład są w 100% gotowe.

Największe problemy napotkaliśmy podczas programowania dźwięku z użyciem API HTML5 audio. Odtwarzanie krótkich sampli w pętli daje niezbyt ciekawe efekty. Mimo różnych technik, których próbowaliśmy użyć efekt zawsze był nieczysty. Poza tym API audio nie pozwala kontrolować wszystkich parametrów dźwięku, co jest niezbędne jeśli chce się zasymulować np. realistyczne odgłosy silnika samochodowego. Ostatecznie zrezygnowaliśmy z efektów dźwiękowych oszczędzając graczom nieprzyjemnych odgłosów.

Najlepiej z wypróbowanych technologii wypadł WebGL i to nas bardzo cieszy. Choć kilkukrotne zmiany w API zmuszały do przepisywania kodu – generalnie udało się tutaj osiągnąć bardzo dużo. Największym problemem technologii WebGL wydaje się być w tej chwili wydajność. Musieliśmy więc wybierać spośród efektów graficznych, jakich chcieliśmy użyć. Ucierpiało na tym m.in. oświetlenie.

Podsumowując gra jest w pełni grywalna i jej ukończenie uważam za sukces. Mimo sporych problemów technicznych, jakie napotkaliśmy na swojej drodze przekonaliśmy się, że używając nowych otwartych technologii webowych można stworzyć dość ciekawą produkcję.

Jeśli znajdziecie błędy w aplikacji – będziemy wdzięczni za informację. Czekamy również na wasze opinie o grze „Vehicle Soccer”.

autor: RecRoot

5 Comments

  1. Przemek pisze:

    Fajna muszę powiedzieć, jest jedno pytanie czy się nie dało lepszych tekstur wrzucić?

  2. Kris pisze:

    Czy chodzi Ci o tekstury na ścianach areny?

  3. Przemek pisze:

    podłoże itd. wszystko jest takie rozmyte.

  4. Kris pisze:

    Nie stosowaliśmy dużych rozdzielczości, bo gra ładowała by się za długo, poza tym mipmapping robi swoje.

  5. Strike pisze:

    Autka wyglądają bardzo ładnie i dobrze się nimi steruje. Szczególnie w poślizgu.

    Dobra robota!

Comment

Copyright © 2012 3dgames - Kolejny blog oparty na WordPressie.
Website powered by WordPress and Emescale wordpress theme designed by TopTut.com & TopWPThemes.com.
Visit WebHostingFan.com for the latest news on web hosting and cms review.