Bug Online

U verziji CS6 dolaze nam razne novosti: od malo promijenjenog grafičkog sučelja, preko podrške za HTML5/CSS3/JavaScript, pa sve do dugo očekivane 3D podrške. Adobeu je 3D glavna značajka ove verzije i tu želi vidjeti Flash kao prvu platformu za izradu mobilnih 3D, ali i 2D igara. Iako su svi tobože otpisali Flash na webu, još uvijek mu popularnost ne opada te je i dalje vrlo zastupljen. Bez obzira na web statistiku, Adobe se priprema na druge grane industrije, a to su u današnjem tehnološkom dobu definitivno aplikacije – Apps. I to višeplatformske aplikacije: za iOS, Android, Windows, Blackberry…

Uz instalaciju Flasha dolazi nekoliko manjih CS6 alata: Adobe Bridge CS6, Adobe Extension Manager CS6, Adobe Utilities CS6 i Adobe Media Encoder CS6.

Stage3D

Za izradu interaktivnog sadržaja, ponajviše 3D igara, od sada možemo koristiti Stage3D API.

Imamo nekoliko open source frameworkova i biblioteka (libraries) koje nude izvrsne mogućnosti 2D i 3D Flash tehnologije. Navest ćemo par njih: Flare3D, Away3D, ND2D… Također možemo istaknuti još važnije Alternativa3D i Starling, gdje prvi spomenuti nudi izvrsnu fiziku za developere koji mogu koristiti 3D grafiku/modele.

S druge strane imamo Starling, nekima poznat kao framework koji je proslavio igru Angry Birds. U Starlingu možemo vrlo lako iskoristiti GPU akceleraciju i izvrsnih 60 fps (frames per second) da radi vrlo glatko na većini mobilnih uređaja – više od ovoga vam ne treba za nagovor da počnete raditi sa Starlingom.

Spomenimo još i Away3D (4.0) koji, kao i drugi, koristi Stage3D za rendering. Jedna od razlika između Away3D-a i ruskog frameworka Alternativa3D (8.x) jest da potonji traži da se Stage3D instanca izričito preda dalje, dok Away3D samostalno interno povezuje Stage3D instancu. Dakle, više-manje govorimo o nešto više ručnog posla kod Alternative 3D, što nije nužno loše. Naprotiv, Alternativa3D ima izvrsne mogućnosti i vrlo je upotrebljiv framework.

Adobe je počeo raditi i na svom frameworku za Stage3D, kodno nazvanom Proscenium, ali nažalost, s vremenom su se nešto ohladili, tj. vjerojatno shvatili da već ima odličnih gotovih open source rješenja koja ustvari vrlo dobro odrađuju sve 2D i 3D zadatke.

Nadali smo se da će s novim Flashom doći i ActionScript 4.0 ili čak AS 3D verzija. Posebno zato što nešto stariji developeri se sjećaju programa Director (koji je danas pomalo zaboravljen, ali još uvijek aktivan) i njegova jezika Lingo te, kasnije, Lingo 3D. Ali i bez ActionScript novosti imamo dosta frameworkova koji odlično surađuju s Flashom CS6.

Nativne ekstenzije

Adobe Native Extensions ili ANE izvrsna je dodana mogućnost kojoj se daje premalo značaja. Iako jest namijenjena hardcore programerima, to ne umanjuje velike mogućnosti ove funkcije u Flashu.

ANE mogu biti pisane u raznim programskim jezicima – C, C++, .NET 4.0, asembler itd. Većina sada dostupnih ekstenzija pisana je Adobe Flex Builderom 4.x zato što je većina developera iz Flash razvojne okoline. Gotove nativne ekstenzije postoje u tri oblika: besplatne od Adobea i od raznih developera te one komercijalne.

Neke zanimljivije možemo spomenuti: Gyroscope (iOS/Android), Vibration (iOS/Android), Voice Command (Android), AS3C2DM (Android) Push notifications, AIRKinect (Windows i Mac OS X), Speech Recognition (Android) i drugi. Ako vam neke nisu po volji, napravite svoje i koristite ih na svojim projektima.

Nativni kôd nudi očigledne optimizacijske prednosti: kôd pisan u C-u ili asembeleru efikasniji je, a možemo i bolje iskoristiti više jezgara na procesoru.

Aplikacije za TV

Za sve developere slijedi važna vijest, od sada vaše aplikacije mogu raditi i na TV-u. Najlakše će biti onima koji su radili aplikacije u Flashu, što će zahtijevati najmanje prilagodbe na druge sisteme zbog sve veće popularnost Adobe AIR-a na tim drugim sistemima i uređajima.

Televizori novije generacije (Panasonic, LG, Samsung itd.) od sredine 2011. godine većinom podržavaju ili već imaju predinstaliran Adobe AIR (više o AIR-u piše u zasebnom okviru). U većini se slučajeva ne morate brinuti za podršku i možete normalno raditi aplikacije i za televizore. Postoje neka pravila kod proizvođača kod izrade samih aplikacija za TV: Panasonic, recimo, naplaćuje članarinu od najmanje 100 dolara godišnje, s time da morate napraviti najmanje jednu aplikaciju godišnje koju vam oni moraju odobriti – inače oduzimaju licencu. S druge strane, LG ne naplaćuje ništa, pa možete slobodno raditi bez ikakvih plaćanja.

Spomenimo još jednu sitnicu, a to je da svaki TV ima svoj SDK, pa ako radite nešto posebnije a niste radili u Flashu, bit će tu više posla nego inače… srećom, postoje neke naznake da bi se neki proizvođači televizora mogli dogovoriti o zajedničkom SDK-u. To bi stvarno pomoglo jer znamo da developeri inače rade s toliko vrsta programskih jezika, SDK-ova, API-ja, frameworkova, pa dodavanje još više SDK-ova samo stvara dodatne komplikacije pri izradi sadržaja za ionako velik broj različitih elektroničkih uređaja.

Sprite Sheet Generator

Kako danas sve više dolaze do izražaja igre bazirane na HTML5, znamo da je za igre problem napraviti animaciju u HTML5/JS/CSS3. Da bismo stvorili više slika unutar jedne kao sekvencijalni niz slika, odnosno više frameova jedne animacije, koristili bismo Sprite Sheet, skupinu slika koje tvore jednu animaciju. Iako postoje već slični generatori ovakve vrste za sve koji rade animacije bazirane na HTML5, Sprite Sheet Generator (SSG) je bolji jer je već unutar Flasha pa ne moramo izlaziti ili recimo prilagođavati sekvence da budu posložene po redu, da moraju biti stisnute itd.

SSG može pretvoriti bilo koji Flash simbol u Sprite Sheet iako ne vidimo veliku potrebu za Button ili Graphical objektima koji nisu animirani, no sve je omogućeno pa možemo birati. Važno je napomenuti da nismo ograničeni isključivo jednim simbolom, već možemo kombinirati više objekata da budu spojeni u jedan, spreman za izvoz. U lijevom dijelu SSG panela imamo odabir i pregled simbola, dok su u donjem lijevom kutu prikazani detalji o označenom simbolu kao što su broj frameova, brzina i vrijeme trajanja animacije.

Također, kada je simbol označen, možete ga pregledati tj. vidjeti animaciju u Preview prozoru. Sprite Sheet prozor prikazuje statični prikaz vaše animacije u kojem vidite sve animirane sekvence. SSG toliko dobro radi svoj posao da automatski prepoznaje dupliranje sekvenci slika te eliminira udvostručene i ostavlja samo po jedan frame. To je vrlo korisno jer smanjuje veličinu Sprite Sheet slike koju izvozite u format PNG (8, 24 ili 32 bit) ili JPEG. U današnje vrijeme najpopularniji je 32 bitni PNG format zbog najkvalitetnijeg prikaza slike. U istom će prozoru duplirane sekvence dobiti broj koji označava stvarni broj dupliranog objekta, odnosno koliko ih je eliminirano.
Osim eliminacije duplikata, pri izvozu možemo podesiti i dimenzije cjelokupne slike. Možda je najbolje koristiti Auto size, no možemo i odabrati između predefiniranih dimenzija ili unijeti svoje. Od ostalih opcija nude nam se dvije vrste algoritma za sužavanje objekata: Basic je za jednostavnije animacije koje su onda ravnomjerno raspoređene u redove, a MaxRects će stisnuti objekte toliko da će svaki mali prostor ispuniti do kraja gdje je god to moguće te vam na taj način uštedjeti još malo na ukupnoj veličini PNG slike.

Stoga, da bismo iskoristili sve prednosti smanjenja veličine PNG slike, po defaultu su označene i opcije Trim i Stack frames jer to su opcije koje ćete vjerojatno uvijek koristiti. Zadnje ali i najvažnije jest odabir Data formata, iz kojih nam se nudi već standardni JSON (i JSON-array) za ovakve vrste animiranih sekvenci te Sparrow v1, Sparrow v2, Starling, cocos2D v2 i v3 te EaseJS.

Cocos2D (original pisan u Pythonu, a za mobilnu platformu pisan je u Objective-C-u) je specifičan framework jer je namijenjen isključivo Appleovim proizvodima: iPhoneu, iPadu, iPodu, OS-u X. Osim poznatih JSON-a i Starlinga, treba istaknuti EaseJS. To je također open source framework koji je baziran na JavaScriptu, ali zanimljiv je jer mu je kôd vrlo sličan ActionScriptu 3.0, a sâm kôd animacije toliko je optimiziran da ima čak i pet puta manju veličinu datoteke od JSON-a. To će ga, vjerujemo, činiti vrlo popularnim i čestim izborom za izvoz u SSG-u. EaseJS je tek u verziji 0.1.0, ali već sada nudi bolje mogućnosti nego drugi stariji frameworkovi. Uz daljnja poboljšanja, previđamo mu svijetlu budućnost.

Sprite Sheet Generator nije namijenjen uporabi unutar Flasha, odnosno za Flash swf ili AIR sadržaje jer, budimo iskreni, u Flashu je puno lakše napraviti animaciju kroz Movie Clip nego u HTML5.

Malo je puno

Ako ste jednom izgubili podatke radeći u Flashu, možda ste dobili i profesionalnu deformaciju u obliku Ctrl+S svake dvije minute, ali tome je došao kraj. Sada imamo funkciju Autosave koja po defaultu snima dokument svakih 10 minuta, ali možete je prilagoditi kako vama odgovara.

Hardverska se akceleracija može koristiti i za normalni Flash swf, kao i za izvoz u AIR, ali dolaze s dvije razlike. U AIR opcijama to se naziva Render mode, koji nudi hardversku manipulaciju kroz četiri funkcije: Auto, CPU, GPU i Direct. Kod normalnog SWF-a to je smanjeno na tri funkcije: None, Direct i GPU.

Sve više tvrtki orijentiranih na mobilni sadržaj, izradu aplikacija ili igara, radi upravo s Flashom kao glavnim alatom za izradu takvog sadržaja. Verzija CS6 pridobit će još veći broj tvrtki za rad s Flashom koji ima velike mogućnosti prilagodbe te intuitivnog drag’n’drop sučelja pri svakodnevnom radu. Ovako kompletan, ali i kompleksan alat danas je teško naći, ponajviše jer nudi i odličnu vektorsku stranu za animacije i developerski dio za programiranje kompleksnih rješenja. Drugog alata danas nemamo, još manje kada Adobe ugasi Flash/Flex Builder, a tek ćemo kasnije vidjeti što će biti s njim pod Apache fondacijom.