Flash trace u firebug-u sa Thunderbolt Logger-om

May 21st, 2009 hamferus 4 comments

Nisam dugo pisao i nadam se da ću naći više vremena za tutorijale i ostale stvari vezane uz flash. Da se iskupim predstavit ću vam Thunderbolt skriptu koju koristim neko vrijeme. Thunderbolt je logger skripta koja vam omogućava korištenje trace-a u Firebugu. Vrlo je jednostavna za korištenje,  sigurno će vam skratit vrijeme traženja grešaka, bugova i sličnih stvari  direktno kroz Firefox, a možete ju koristiti s actionscrioptom 2.0 i 3.0. Postoji i standalone AIR aplikacija koja vam služi da se Thuderbolt logger koristi bez firebug-a. Nisam probo pa nemogu više reć kako radi, al mislim da se kod nerazlikuje previše.

1. DOWNLOAD

Skriptu može te skinuti na službenoj stranici. Skinite actionscript 3.0 verziju za cs3 ili cs4 ovisno koju verziju koristite. Ja ću u ovom tutorijalu koristit flash cs3 tako da svi možete otvorit source fajlove.

2. INSTALACIJA

Napravite novi folder imena KLASE ili CLASSES (nije važno ime samo je važno da vi znate da su unutra klase)na mjestu gdje ga nećete obrisat(tipa desktop).
Unutar njega napravite dva foldera AS_2 i AS_3. Moj folder s eksternim actionscript 3.0 klasama nalazi se na d particiji  - d:/FLASH/CLASSES/AS_3_0. naravno
onda su actionscript 2.0 klase u AS_2 folderu.
Sad odpakirajte zip i kopirajte "org" folder koji se nalazi u "source" folderu u vaš CLASSES folder.

Gotovi smo s folderima idemo narihtat Flash da koristi te klase

Ako nemate upaljen flash upalite ga i odite u Edit/Preferences.../Category - Actionscript/. Sad kliknite na Actionscript 3.0 Settings... Prvo kliknite na + da kreirate novu putanju do klasa, onda kliknite na metu, nađite vaš CLASSES/AS_3 folder, označite ga(nemojte označavat org folder jer vam Thunderbolt neće radit) i kliknite ok. Zatvorite preferences prozor klikajući ok. Ako ste sve dobro napravili trebali bi moć koristit Thunderbolt, a to je najlakše testirat tako da se u praznom fla-u na prvom frameu stavi ova linija koda:

1
import org.osflash.thunderbolt.Logger;

Sad kliknite Ctrl + Enter da testirate swf i ako vam se u compiler error windowu ne pojavljuje greška sve ste dobro napravili, ako imate grešku pročitajte ovaj dio ponovno i nađite gdje ste pogriješili. Isto se narihtava putanja do AS_2 fajlova.

3.KORIŠTENJE

Morate imati firefox i instaliran firebug addon u njemu. Kad otvorite swf ili stranicu koja koristi logger otvorite firebug window, odite na net tab i aktivirajte sve tri kućice i potvrdite. Nakon ovog bi trebali vidjet poruke iz flasha u console tabu.

Dio sa kodom je jednostavan. Prvo morate importirati skriptu u flash i pozvati logger na mjestu gdje bi pozvali trace(). Logger vam može koristi kao trace unutar flash ide-a(outputp panel) i kad gledate swf unutar firefoxa. Ja još uvijek koristim trace kad radim jer se manje piše, ali kad se stvari provjeravaju u browseru koristim logger. Kad kliknete na gumb pojavit će se poruke. Možete koristiti info, warn, error, debug metode. Svaka metoda se vizualno razlikuje unutar firebug-a.

1
2
3
4
5
6
7
8
9
10
11
import org.osflash.thunderbolt.Logger;
 
gumb_btn.addEventListener(MouseEvent.CLICK, onGumbClick);
 
function onGumbClick(e:MouseEvent):void
{
	Logger.info("Flash trace u Firebugu");
	Logger.warn("Flash trace u Firebugu");
	Logger.error("Flash trace u Firebugu");
	Logger.debug("Flash trace u Firebugu");
}



(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Source fajl

Pozdrav
Luka

Izašo Flash Player 10

October 15th, 2008 hamferus 1 comment

Došo je i taj dan kada smo dočekali Flash Player 10 da izađe iz Adobe labs-a.

Najnoviju verziju možete skinuti OVDJE.

Evo i par linkova na tekstove vezane uz Flash Player 10:
Introducing Adobe Flash Player 10
Detecting Flash Player versions and embedding SWF files with SWFObject 2
Adobe Flash Player Administration Guide for Flash Player 10
Understanding the security changes in Flash Player 10
Policy file changes in Flash Player 9 and Flash Player 10

Pozdrav
Luka

Tweener - eksterna klasa pomoću koje animiramo objekte s actionscriptom

July 5th, 2008 hamferus 2 comments

Tweener je eksterna klasa koja se koristi za animacije pomoću actionscripta. Napiso ga je Zeh Fernando i ovo je nastavak njegovog mc_tweena2. Može se koristiti u actionscriptu 7,8,9+ i Flash Litu 2.0+. Dokumentacija je kao i kod prethodnika jako dobro napisana, pa ovu jednostavnu klasu čini još lakšom za korištenje.

1. DOWNLOAD

Preporučam da se klase skinu preko svn repositoria jer su najnovije , ali mogu će ih je skinuti i u zip-u.

Klase  možete skinut na službenoj stranici http://code.google.com/p/tweener/ . Skinite Stable release za actionscript 3.0
SVN repositori možete skinut s programom  TortoiseSVN, a adresa SVN-a je http://tweener.googlecode.com/svn/trunk

2. INSTALACIJA

Napravite novi folder imena KLASE ili CLASSES (nije važno ime samo je važno da vi znate da su unutra klase)na mjestu gdje ga nećete obrisat(tipa desktop).
Unutar njega napravite dva foldera AS_2 i AS_3. Moj folder s eksternim actionscript 3.0 klasama nalazi se na d particiji  - d:/FLASH/CLASSES/AS_3_0. naravno
onda su actionscript 2.0 klase u AS_2 folderu.
Sad odpakirajte zip i kopirajte caurina folder u vaš CLASSES folder. Oni koji su skinuli preko svn-a moraju iz foldera "nekiFolder/as3" gdje ste s tavili skidat klase preko SVN-a kopirati svoj caurina folder.

Gotovi smo s folderima idemo narihtat Flash da koristi te klase

Ako nemate upaljen flash upalite ga i odite u Edit/Preferences.../Category - Actionscript/. Sad kliknite na Actionscript 3.0 Settings... Prvo kliknite na + da kreirate novu putanju do klasa, onda kliknite na metu,
nađite vaš CLASSES/AS_3 folder, označite ga(nemojte označavat caurina folder jer vam Tweener neće radit) i kliknite ok. Zatvorite preferences prozor klikajući ok.
Ako ste sve dobro napravili trebali bi moć koristit Tweener, a to je najlakše testirat tako da se u praznom fla-u na prvom frameu stavi ova linija koda:

import caurina.transitions.Tweener;

Sad kliknite Ctrl + Enter da testirate swf i ako vam se u compiler error windowu ne pojavljuje greška sve ste dobro napravili, ako imate grešku pročitajte ovaj dio ponovno i nađite gdje ste pogriješili. Isto se narihtava putanja do AS_2 fajlova.

3.KORIŠTENJE

Da bi koristili Tweener trebate znati dvije linije koda. Morate importirat  Tweener u Flash i  pokrenuti Tweener u trenutku kad hoćete nešto animirat

import caurina.transitions.Tweener;
 
Tweener.addTween(imeMovieClipa,{x:100,time:2});

x je propertise, time je parametar koji se pišu unutar  vitičaste zagrade, tj ova gore linija bi značila pomakni moviclip "imeMovieClipa" na x kordinatu 100 za dvije sekunde.

Ajmo napravit nekoliko animacija da dobijete uvid kako to funkcionira.
Prvo moramo imati nešto za animaciju pa ćemo nacrtati jedan crni krug na stagu i pretvoriti ga u movieclip i dat mu instance name "krug_mc". Napravite novi layer nazovite ga actions, zaključajte, označite prvi frame i otvorite actionspanel.

Pomicanje movieclipa po x osi za dvije sekunde

import caurina.transitions.Tweener;
 
Tweener.addTween(krug_mc,{x:260, time:2});

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Sad ćemo ubacit par dodatnih parametara. Mjenjat ćemo x i y kordinatu u dvije sekunde al ćemo staviti zadršku od sekunde na početku.

import caurina.transitions.Tweener;
 
Tweener.addTween(krug_mc,{x:260, y:260, time:2, delay:1});

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

S transitions parametrom možemo utjecat na easing animacije.

import caurina.transitions.Tweener;
 
Tweener.addTween(krug_mc,{x:260, y:260, time:2, delay:1, transition:"easeInOutExpo"});

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Kad animacija završi možemo odmah pokrenuti sljedeću animaciju ili neki događaj s parametrom onComplete. Mi ćemo napravit da krug nestane.

import caurina.transitions.Tweener;
 
Tweener.addTween(krug_mc,{x:260,y:260,time:1,delay:1,transition:"easeInOutExpo", onComplete:funkcijaNakonStaJeAnimacijaZavršila});
 
function funkcijaNakonStaJeAnimacijaZavršila():void
{
 Tweener.addTween(krug_mc,{alpha:0,time:1});
}

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Tweener ima is specijalne propertise s kojima možete dodatno produžit listu propertia koje animirate, pa ajmo pogledat neke od njih

Prvo ćemo promijeniti boju, al za to tebamo importirati još jednu klasu i pokrenut ju.

import caurina.transitions.Tweener;
import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
 
Tweener.addTween(krug_mc,{_color:0xff0000,time:2,delay:1});

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Zatim ćemo iskoristit CurveModifiers da bi korsitili bezier curve. Kad radimo bazier onda moramo dodati control pointove pomoću kojih određujemo točke prema kojma će se napraviti bezier curve.

import caurina.transitions.Tweener;
import caurina.transitions.properties.CurveModifiers;
CurveModifiers.init();
 
Tweener.addTween(krug_mc,{x:260,y:260,_bezier:{x:-50,y:200},time:5,delay:1});

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Listu svih specijalnih propertisa, parametara i transitionsa možete pogledati u  Tweenerovoj dokumentaciji.

Source fajl

Pozdrav
Luka

Flash player 10 - unloadAndStop

July 4th, 2008 hamferus 2 comments

Prije dva dana Adobe je izbacio Flash player 10 Betu 2 u kojoj su rješili neke bugove i dodali neke stvari od kojih mi je najdraža unloadAndStop() metoda jer je riješen veliki bug u iz flash playera 9. Kada se unloadaju swf-ovi ili se brišu movie display objekti dosad su ostajali u garbage-u i nakon nekog vremena su zagušili flash, a najgore je to što se nisu ni eventi gasili, pa je znao nastati metež. UnloadAndStop će se ponašati ko unload u actionscriptu 2.0.

Evo citat s Adobe Labs-a:
unloadAndStop — This new ActionScript 3.0 API adds unload functionality similar to the unload behavior in ActionScript 2.0. After calling unloadAndStop on loaded content it will be immediately removed stopping all audio, removing eventListeners, and becoming inaccessible through ActionScript.

Evi link na ostale novosti vezane u ovaj release.
Flash player 10 - Beta Release Notes

Uskoro će bit novih tutorijala :)

Pozdrav
Luka

Poboljšanje SEO-a za Flash websitove i rich internet aplikacije

July 1st, 2008 hamferus No comments

Danas je Adobe objavio da je dao posebno napravljen flash player Google-u i Yahoo-u da bi njihovi search engini mogli bolje indeksirati swf fajlove na webu. Kad spider dođe na vašu flash stranicu ili aplikaciju on će se ponašati ko korsinik. Klikat će gumbe, vuć podatke iz baze, ali ako učitavate drugi swf ili učitavate xml fajl Google će zasad te fajlove indeksirati odvojeno i trenutačno ih neće smatrati dijelom sadržaja vaše stranice ili aplikacije. Poboljšanje je tu, sad se treba pričekat da se i ovaj problem s učitavanjem fajlova riješi, pa će svima bit puno lakše.

Adobeov press release 1.7.2008.
Vijest na Googlovom webmaster central blog-u

Pozdrav

Categories: Novosti, SEO Tags: , , ,

Dugo me nije bilo…

June 28th, 2008 hamferus No comments

Prošlo je dosta vremena od mojeg zadnjeg posta, pa ću se probati sijetit svega šta se dogodilo u to vrijeme, pa ako nešto izostavim u sljedećim postovima ću sigurno spomenut.

Adobe Flash Player 10  beta a.k.a. ASTRO
Naravno Astro je u beti i može ga skinuti na stranicama Adobe Labs-a. U Astro je dodan nativni 3d sustav, pa će se moći kreirati jednostavniji 3d geometrijski likovi, ali ovaj dio će poboljšati postojeće 3d engine za flash( Away3D i Papervision3D, itd.). Poboljšan je file reference, text engine, sound engine, za animaciju moći će se koristiti filteri koji su napravljeni u Pixel Bendet Toolkit-u, prebačeni su neki vizualni procesi na grafičku karticu što znači bolju reprodukciju aplikacija i videa. Za one koji će se odmah baciti na testiranje Adobe je omogućio skidanje AS dokumentacije za Flash player 10 i nekoliko zanimljivih videa među kojima Justin Everett-Church predstavlja novosti u Flash Playeru 10, nekoliko tutoriala od Lee Brimelowa i PixelBender demo za koji je potreban instaliran Flash Player 10.

Adobe AIR 1.1
Oni koji su imali instaliran Adobe AIR 1.0 verziju automatski update je napravio sve umjesto  vas, dok oni koji još nemaju instaliran AIR runtime. Verziju 1.1 mogu skinut OVDJE.

Flash Develop 3 beta
Ovo je besplatni AS 2.0 i AS 3.0 editor i zadnja verzija je beta7. Malo sam ga isprobo jer nisam imo previše vremena, al ovo nije program za početnike jer se sve piše  s object oriented programing-om(OOP) tj. u klasama. Sve informacije o programu i instalaciju možete naći na www.flashdevelop.org.

Learning ActionScript 3.0: A Beginner's Guide
Izašla je O'Reilly-eva knjiga koja je namijenjena actionscript3.0 početnicima, ali i  onima koji nemaju pojma o programiranju. Naravno i oni iskusniji će moći nešto saznati iz nje.

Uz Flash player 10 betu iz Adobe Labs-a su izašli Adobe AIR Alpha  i Adobe Flex Builder Alpha za Linux korisnike, stand alone Adobe Flash Light 3 Developer Edition verzija. Za kompletnu listu proizvoda koji se nalaze u  povojima posjetite stranice Adobe Labs-a.

Toliko od mene za sada.
Pozdrav

Izašli Adobe AIR 1.0 i Adobe Flex Builder 3

February 27th, 2008 hamferus No comments

Nakon više mjeseci čekanja napokon su iz bete izašli Adobe AIR 1.0 i Adobe Flex Builder 3. Već imam nekoliko ideja za AIR desktop aplikacije i čim se nađe vremena napravit će se neka od njih.

Više možete možete pročitat na Adobeovim stranicama.

Adobe AIR 1.0
Adobe AIR 1.0 za Adobe Flash CS3
Adobe Flex Builder 3

Preporuka za one koji imaju Vistu i OSX Leopard da si pročitaju o poznatim problemima vezanim uz Adobe AIR 1.0.
http://www.adobe.com/support/air/

P.S. Nadam se da ću sljedeći tjedan stić napisat tutorijale vezane uz zvuk koje planiram već neko duže vrijeme al nikako da nađem vremena.

Pozdrav
Luka

zgflex.org - Zagreb Flex User Group

February 4th, 2008 hamferus 13 comments

Napokon je krenula u rad stranica Zagreb Flex User Group-a

Zagreb Flex korisničku grupu osnovao je g.Tomislav Pokrajčić s idejom da okupi developere koji se bave Flexom i Flashom, a ovaj site je središnje mjesto za pristup informacijama o događanjima vezanim uz grupu, kontaktima i online komunikaciju.

Zagreb Flex User Group je član Flex community-a o kojem više možete saznati na www.flex.org .

Ako radite s flash-om ili flex-om dođite i upoznajte ostale actionscript-ere.

www.zgflex.org

Pozdrav

P.S.  Grupa je za cijelu Hrvatsku

XML Image Slideshow - ispravka

January 26th, 2008 hamferus No comments

Evo danas sam gledao ovaj tutorijal i shvatio sam da prva slika koja je pokazana nije "image001.jpg" nego je "image002.jpg", tj druga slika iz xml fajla.

Evo rješenja kako da se prvo pokaže "image001.jpg"

Jedino šta moramo promijenit je adresu do slike unutar initSlidshow() funkcije, tj. promijenit URLRequest
Promijenite ovu linju koda:

25
imageRequest = new URLRequest(urlArray[currentImage]);

u

25
imageRequest = new URLRequest(urlArray[0]);

Primjer da vidite promjenu
(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

I novi source fajlovi - .xml, .fla i slike

Flash Player 9 instaliran na 95.7% kompjutera

January 23rd, 2008 hamferus 2 comments

Odlična vijest za sve koji se bave izradom web-a u Adobe Flash-u i Flex-u koristeći actionscript 3.0. Nedavno je izašao Adobeov kavrtalni izvještaj za Prosinac 2007. I podatak da je na 95.7 % kompjutera instaliran Flash Player 9 je stvarno impresivna. Podaci za Europu samo uključuju V. Britaniju, Njemačku i Francusku pa je tu postotak i najmanji 94.3%, Sjeverna Amerika ima 96.8%, a Japan 95.3%.

Pozdrav