Testuję sobie teraz wydajność kodu animacji svg w czasie rzeczywistym. Przy ruchu 500 punktów widać zacinanie, a przy ruchu 1500 punktów widać to już wyraźnie.
Czy niska ilość fps przy takich ilościach obiektów w animacji jest zazwyczaj spotykana, czy są to już wartości kiepskie (i nie powinno nic się zacinać aż do na przykład 5000 obiektów lub więcej)?
#svg #webgl #demoscena #javascript
Pobierz
źródło: comment_7zgl7PF6OUiFIM3Yq4vi97oA4gOrJALX.jpg
@976497: W pierwszej części żartowałem nawiązując do tego co Ty napisałeś. Czy jest możliwa? Być może tak. Trzeba to sprawdzić. Ty nie masz wiedzy do sprawdzenia, a ktoś czasu żeby zrobić wszystko. Pokaż więc kod i być może uda się go sukcesywnie sprawdzać i poprawiać.
@976497: z SVG sięe nigdy nie bawiłem, ale powiem Ci że np. Pixi.js używając webgl spokojnie wyrysuje 10k spritów przy 60 fps.

warto jeszcze zaznaczyć że zwykle chrome najszybciej bawi się w taike rzeczy, natomiast ja na frajerfoksie potrafię mieć 30% mniej fps przy tej samej aplikacji.
Garść fajnych demek WebGL. Niektóre dość stare ale warte przypomnienia. WebGL powoli wchodzi do użycia i staje się standardem na stronach www (Apple, BMW, Nike, Porshe). Stało sie tak dzięki powrzchnemu wsparciu najnowszych przeglądarek desktopowych i mobilnych - http://caniuse.com/#feat=webgl

1. cru·ci·form (Webgl) - https://www.clicktorelease.com/code/cruciform/
Mój nr 1 jak narazie. Autor to Jaume Sanchez (@thespite). Jeden z najzdolniejszych programistów grafiki na scenie webgl. Aktywnie rozpowrechnia PBR. https://www.clicktorelease.com

2. Pearl Boy (Goo Engine) -
Pobierz
źródło: comment_zsQKJTyQvBjIe0xAZSCQe9COLfwV8MvB.jpg
Dolina niesamowitości – termin stosowany w hipotezie naukowej, zgodnie z którą robot, rysunek lub animacja komputerowa wyglądający bądź funkcjonujący podobnie (lecz nie identycznie) jak człowiek, wywołuje u obserwatorów nieprzyjemne odczucia, a nawet odrazę.

http://fractalfantasy.net/#/4/uncanny_valley


#javascript #webgl #ciekawostki #grafika3d #grafika #sztuka
Pobierz
źródło: comment_PjZY7lOnxWQzo17ecoubdWgaf5RZAlYM.jpg
@Verzweiflung: Nie znam tego edytora do playcanvas. Napewno istnieje możliwość samodzielnego napisania modułu do tego, podobnie jak w unity. Myślę że taki moduł jest zbyt skomplikowany żeby nadawał się do ogólnego przeznaczenia. Jeśli się zastanowisz nad problemem to zobaczysz, że losowe generowanie poziomu może odbywać się na wielu płaszczyznach (losowe rozstawienie przedmiotów, wrogów npc, losowy system jaskiń, losowe połączenia między etapami, losowe pomieszczenia z dużych gotowych klocków). Prędzej wyciągniesz go z
Hej wykopki! Świat gamedevu do świat pełen sztuczek, oszustw oraz iluzji. Bardzo fajnym tego przykładem jest dynamiczne oświetlenie 2d wykorzystujące normal mapę (czyli bitmapę zawierającą informacje o wektorze normalnym kawałka powierzchni należącej do danego texela).

Prosty tutorial dla three.js:
http://gamedevelopment.tutsplus.com/tutorials/a-beginners-guide-to-coding-graphics-shaders-part-3--cms-24351

Bazując na tym przykładzie - https://www.youtube.com/watch?v=CzuYXTa_CsU udało mi się łatwo zaimplementować to w webgl:
http://xnajs.com/examples/02/

Na koniec fajna gierka, która z tego patentu korzysta:
http://www.spacejack.ca/spacejack/

Taką normal mapę możemy generować sami dynamicznie,
Pobierz
źródło: comment_h8P2XSJW2taDh926hwXwoNWr82Chpdv7.jpg
@look997: te suwaki sa do podkrecania, nie ruszaj ich. test odpalasz przyciskiem "test for stability", wyskocza obwarzanki.

jest tylko chyba niestabilna

co to znaczy niestabilna?
obstawiam w ciemno że sterownik/ stary firefox / lub to co pisałem
@Tank1991: Opisałem z tych dwóch postach. Zobacz je.

O tak ogólnie o GPU Geforce-9600-gt: czy to normalne że 720p60 w YouTube rwie jak oszalałe(zamiast 60 mam z 5? fps) - oczywiście nie chodzi o to, że się nie zdąży załadować... Nie ma opcji zmiany na 30fps więc jestem w dupie.
A 480p to jest ostatnio ostro skompresowane gówno.

Czasami gaśnie na chwilę ekran. Jak testowałem kartę zintegrowaną na płycie głównej to