radikalmod
2010 Júl
28
  

art: Színúsztatás 8 bitben

   v150r
Forrás: Badass JS  Badass JS |  Írta: v150r  v150r |  Megtekintve:  1119 |  Hozzászólás:  3   Megosztás iwiw-en    facebook    Megosztás twitter-en

hirdetés

8 bites színúsztatás a böngészőben.

Joseph Huckaby gondolt egy merészet és Mark J. Ferrari volt Lucasarts dizájner klasszikus 8 bites "színúsztatós" képeit leprogramozta Javascript, és némi C++ segítségével, majd ráhúzta ezt az egészet egy HTML 5 keretre.

   A színúsztatás (Color Cycling) egy olyan technológia, aminek a segítségével mozgó hatást lehet elérni oly módon, hogy a színeket animációszerűen váltogatja. Ez azokban az időkben volt óriási dolog, amikor a videókártyák még csak 256 színt tudtak renderelni egyszerre. Mivel a színek változtatása nem igényel plusz erőforrást, így érthető, hogy miért volt ez olyan nagy szám akkoriban. Ha emlékeztek olyan játékokra, mint a Day of the Tentacle, vagy az Indiana Jones and The Fate of Atlantis, akkor talán még beugorhat néhány ilyen megoldás. Rendszerint víz animálására használták, de nem maradtak ki a köd és egyéb effektusok sem. Mark J. Ferrari ezen technológia által vált híressé, mert a színúsztatott grafikái nagyon valóságosnak hatottak. Nem használt sem alpha csatornákat, átlátszó rétegeket és egyéb különlegességeket, csupán néhány színt. A színúsztatás a kilencvenes évek végén kihalt a játékokból, mert a 32 bites megjelenítőknél már nem volt rá szükség.

   Huckaby most újraalkotta ezt az érát a modern technológiák segítségével. Bár, a végső változat nem csak az eredeti színúsztatást alkalmazza, mert a színek képesek egymásba olvadni (BlendShift Cycling), ezáltal még valóságosabb és simább az "animáció" hatása. Ugyanakkor a Blend mód átkapcsolható Standard módra is, így azt is megvizsgálhatjuk, hogy milyen az eredeti hatás. A különbségek egyébként csak lassított lejátszásban látszanak igazán.
Huckaby munkája azért is rendkívüli, mert a 640x480 felbontású képeken másodpercenként egyszerre 307200 pixel látható. Ezt JavaScriptben leprogramozni nagyon nagy odafigyelést igényel, de amint láthatjuk, nem lehetetlen. Természetesen nem csak a JS részéről vannak korlátok, mert a webböngészők többsége nem képes arra, hogy ilyen masszív utasítástömeget nyomon tudjon követni. Ezért Joseph a képeket előre kirajzoltatja, és csak utána jöhet minden más. Az optimalizálás ilyetén annyira jól sikerült, hogy még az iPad és az iPhone hardverein is tűrhető sebességet produkál a kód.

   Az alkalmazásban számtalan kép közül válogathatunk. Megnézhetjük, hogy az adott színpaletta pontosan hol is érvényesül a képen, valamint az animáció sebességét, módját és méretét is megváltoztathatjuk.
A képek valamennyi böngészőben helyesen működnek, kivételt képez persze az örök duzzogó, az Internet Explorer 6-os, 7-es, és 8-as verziója.

Hír hozzászólások

 insystem | 2010/08/02 13:34:47

én még mindig ott tartok, hogy
EZ
EGY
ÁLLAT

 v150r | 2010/07/28 13:45:29

és még hány ilyen ember van... lárvák vagyunk mind

 insystem | 2010/07/28 08:57:10

El is felejtettem közben, hogy JS-t nézek.
Én a JS kezdőnél haladóbb gyakorlójának vallom magam, éppen portálmotort írok és az se egyszerű, meg van egy JS animom (kérésre pm) ami 400px fölött már csúnya laggzásnak indul chrome alatt is, de az ilyen szakadjon meg!
Asszem tanulhatok még 10 évet, mire eljutok oda ahol ő már 10 éve volt.

Új hozzászólás
Csak regisztrált és bejelentkezett tagok szólhatnak hozzá a hírekhez!



HOC.hu hírek
Játékok.hu hírek
 


támogatóink

 



 

 


 

 

 

partnereink

 

 

 

Hírlevél

 

Radikalmod hírlevél

Te fel vagy iratkozva? Ha nem akkor még nem késő, hiszen heti rendszerességgel tájékoztatunk e-mailben az oldalon történt érdekességekkel, frissítésekkel kapcsolatban. Legutolsó hírlevelünket itt találod: 2010/06/10
Érdekel a dolog, feliratkozom! Nem vagy radikalmod felhasználó? Regisztrálj oldalunkra!

Facebook

PageRank