Yay! Po 2 poprzednich nieudanych próbach jestem pełnoprawnym uczestnikiem Ludum Dare 32 (Jam) :D Udało mi się napisać małą grę online na telefony.

Jak zwykle czasu było niewystarczająco, jednak tym razem pracę nad grą podzieliłem na 26 małych etapów (takie 4 większe części) z czego 10 udało się zakończyć. Grać się da ale gameplay jest w dużej mierze dziełem przypadku. Dziś wieczorem poprawię najbardziej irytujące niedoróbki i błędy m.in. wylatywanie za planszę,
Pobierz
źródło: comment_4yXlcXdPmt5O8ufuZb9zm5kaMzTjIyzP.jpg
Dodałem do silnika opcję renderingu kamery do tekstury (zostało mi to też do implementacji Canvasowej dodać), na bazie tego także postprocessing wieloprzebiegowy (na obrazku Bloom złożony z dwóch passów), woda renderuje się teraz w osobnej kamerze do tekstury, która użyta jest w obiekcie warstwy wody na scenie świata, teraz dodaję interaktywną postać żołnierza i tak oto powoli powstaje Crysis w 2D ( ͡ ͜ʖ ͡)
PS. Kusi
Pobierz
źródło: comment_KZPsfRrZQEUWdZWhNX51Utex9QQaBcUh.jpg
Jestem kiepski z matematyki, a muszę wyliczyć co widzi kamera.
Kamera jest umieszczona centralnie w sześcianie. Moimi danymi są rozmiary sześcianu, współrzędne miejsca, gdzie patrzy kamera i szerokość widzenia kamery (kąt widzenia w stopniach). Zresztą danych mam dużo więcej, ale nie wiem jakich danych potrzebuję i w ogóle jak się za to zabrać :) Dokładnie mówiąc robię to w #webgl z użyciem biblioteki #threejs

#grafika3d
@regis3: dokładnie :)

Jak zwykle mam zdolność do udziwnienia opisu najprostszych rzeczy ;-)

Kombinuję z tym jak koń pod górę, podejrzewam, że choćby podstawowa znajomość grafiki 3d bardzo by mi pomogła, ale ja jak zwykle próbuję wszystko robić od tyłu :P

Dorwałem innego playera panoram w html5, który niestety ma własny silnik i nie korzysta z three.js, ale w nim to działa jak trzeba.... Teraz tylko zrozumieć jak tam to robią
Dla każdej nowej funkcjonalności potrzebuję jakiegoś fajnego zastosowania. Ostatnio wybór padł na implementację rendertargetów (z grubsza renderowanie do bufora np tekstury), więc i kolejne małe demko:

http://xnajs.com/examples/02/

Dzięki temu będę mógł z czystym sumieniem po raz kolejny przesunąć deadline ukończenia gry :)

#xnajs #javascript #webgl #gamedev
Pobierz
źródło: comment_DSO5uttyLIN3uY6HmJeRglbwioRygHSw.jpg
@albertizzley: Tak, myślę że na gita wrzucę kiedy przynajmniej uda mi się skończyć podstawowe elementy. Nie jest to niestety tak zgodne z xna jakbym chciał (sporo rzeczy implementowałem według własnego uznania, no i to nadal czysty js) ale z pewnością w dużym stopniu odczucia podczas korzystania z niego są bardzo podobne. Powiedziałbym że to taki Proof of Concept. Ostatnia kwestia to wydajność. Również nie jestem pewien czy spełni on oczekiwania w
Witam wszystkich na pokładzie!

2,5 miesiąca temu postanowiłem napisać grę. Czas jaki sobie wyznaczyłem to 1 miesiąc (#1gam). Jak zapewne się domyślacie nie udało mi się to zadanie jednak bynajmniej projekt nie został porzucony. Każdą wolną od obowiązków chwilę, staram się spędzać dodając kolejne elementy. Do gotowej gry mam jeszcze kawałek, ale w międzyczasie wyodrębniłem z niej partię kodu i powstało coś co można nazwać frameworkiem.

Nazwałem go xna.js
1. powód
Pobierz
źródło: comment_U2ZSnsHB4lpJGzpNawAp5uZdoh149HBs.jpg
3D.CITY http://lo-th.github.io/3d.city/index.html

Świetna gierka aby oderwać się na 2-3 godzinki od codzienności. Gra ta jest w jakiejś wersji demostracyjnej więc nie ma co oczekiwać, że będzie działała super stabilnie. Zalętą jest to, że działą na webgl więc można zagrać od zaraz.

Włąsnie skończyłem grać. Mój status to:

- 500k dolarów w kieszeni burmistrza - mnie:)

- 100k mieszkańców

- Klikadziesiąt domów (te wysokie nad wodą wśród drzew to high class).

- Mnóstów
Pobierz
źródło: comment_96FkC9XkTW4zlqO01a6DXDiO2qo7ZMLn.jpg
Silnik Unity3D WebGL w przeglądarce #firefox wydajnościowo bije konkurencję na głowę.

Kontrastem dla niektórych wynikających z ostatniej aktualizacji narzekań jest #benchmark wydajności silnika #unity opublikowany na stronach unity 3d a raczej świetne wyniki liska. Wynik testu ukazał dystans dzielący zwycięzcę #firefox od pozostałych przeglądarek.

Tajemnicą sukcesu wysokich osiągów są technologie #asmjs i #webgl umożliwiają kompilowanie kodu C/C++ do zoptymalizowanej wersji javascriptu i uruchomienie go w oknie przeglądarki, czego przykładem jest chociażby demo
Pobierz
źródło: comment_XPqQVTB5A9pwfhL1I80AazWJrvFjfuYo.jpg
Uszanowanko, Mireczki!

Czy jest jakaś libka do #javascript, która symuluje shadery dla canvas bez #webgl? Szukałem i nic takowego nie znalazłem, więc pomyślałem iż zrobię takowe dla siebie i świata, wykorzystując sprytnie canvasa i webworkery, tylko że jeśli jest już takie coś jest to preferowałbym to użyć, bądź rozwinąć.


#webdev #programowanie