An: 2009
Limbaj de programare: Actionscript 3

Proiectul este rezultatul colaborarii cu Pictas Design. Pentru acest proiect am realizat integrarea materialelor si programarea in AS3.

Pictas-advertising.ro este un site dinamic, cu multe elemente interactive care sporeasc impactul vizual. Combinatia de imagini, sunete si secvente video creaza o atmosfera asemanatoare filmelor cu gangsteri.

Adresa: www.pictas-advertising.ro

Am adaugat un buton de pauza, pentru ca tu sa poti fara probleme sa continui jocul mai tarziu. Daca esti la serviciu, stai linistit, seful nu va sti niciodata ca ai eliminat mai multe capete decat el, si nu va fi nici vorba de penalizari la sfarsitul lunii.

Am modificat metoda de calcul pentru punctaj si am sters clasamentul vechi, dar oamenii care au reusit sa ajunga in lista neagra a jucatorilor de top din Jungla Politica vor ramane intotdeauna in sufletul nostru, dar si in acest post.

1. Nic ePrimul – 3574 p
2. Slick – 3362 p
3. vali – 2997 p
4. polic3e – 2915 p
5. Nic – 2902 p
6. Hahalailor – 2889 p
7. polic3e – 2886 p
8. HAHALAILOR 6 – 2749 p
9. hahalaiolor 2 – 2742 p
10. Iuiu – 2689

Acum, dupa ce ai vazut cine este in top intra in Jungla Politica si demonstreaza inca o data ca stii sa-i elimini pe politicieni. Daca ai mai jucat pana acum da ‘refresh’ de mai multe ori cand intri pe pagina cu jocul.

Implementare AS3 – flashDemo.ro

Joaca-te cu politicienii asa cum si ei te joaca pe tine. Clic stinga pe un cap de personaj politic si trage-l peste unul alaturat pentru a aseza 3 identice pe aceeasi linie sau diagonala. Trebuie sa elimini cit mai multe capete pe parcursul a patru nivele. Pe parcursul a 4 tururi a cite un minut fiecare, adica in 4 minute, ii poti elimina pe capete cit nu o faci nici macar odata la 4 ani.

Pentru ca ai obosit sa mergi la vot, sa alegi mereu cel mai mic rau posibil. Ramine sa ii lasi pe aia cu autobuzele sa voteze pentru un kil de ulei configuratia junglei legislative si executive care iti vor influenta viata in urmatorii 4 ani, ce vor trece mai repede decit cele 4 minute de joc in Jungla Politica. Sa eliminati bine!

Instructiuni:
Clic stinga pe un cap de politician si trage-l peste unul alaturat pentru a potrivi minim 3 capete identice pe aceeasi linie sau diagonala. Joaca-i pe politicieni de placere in 4 minute asa cum si ei te joaca  pentru bani in 4 ani. Nu lasa mesajele politice sa te influenteze in timpul jocului, ei se trezesc vorbind ca la tv. Pe tot parcursul jocului se updateaza locul tau din clasamentul general. Daca la final esti in primele 10 locuri, te poti inscrie pe lista neagra a jucatorilor de top ai Junglei Politice. Vei primi felicitari de la vecinii de bloc.

Daca pina la 22 noiembrie, data primului tur al alegerilor prezidentiale nu se mai inscrie si altcineva in afara de Base, Crin, Geoana, Oprescu, Duda, Icra, Tiparul si Manganul, o poti propune pe femeia de serviciu a blocului la functia de presedinte de bloc. Ar fi singurul Presedinte care face curatenie in mandat si se murdareste doar in urma muncii. Sa clicuiti fara mila!

Parametrul priority este de tip int, se refera la ordinea in care sunt tratate evenimentele care sunt atasate aceluiasi obiect. Evenimentul care are parametrul priority cel mai mare este tratat primul, sau mai clar, evenimentul care are parametrul priority n va fi tratat inaintea evenimentului cu priority n-1. Valoarea prestabilita a acestui parametru este 0. Uita-te la exemplele de mai jos ca sa iti faci o idee despre cum poate fi folosit acest parametru.

Exemplul 1:

objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler1, false, 0);
objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler2, false, 0);
function onClickHandler1(e:MouseEvent):void{
   trace("a fost apelata functia onClickHandler1");
}
function onClickHandler2(e:MouseEvent):void{
   trace("a fost apelata functia onClickHandler2");
}
//rezultat:
//a fost apelata functia onClickHandler1
//a fost apelata functia onClickHandler2

Exemplul 2:

objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler1, false, 0);
objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler2, false, 1);
function onClickHandler1(e:MouseEvent):void{
   trace("a fost apelata functia onClickHandler1");
}
function onClickHandler2(e:MouseEvent):void{
   trace("a fost apelata functia onClickHandler2");
}
//rezultat:
//a fost apelata functia onClickHandler2
//a fost apelata functia onClickHandler1

Ultimul parametru, useWeakReference, este de tip Boolean si este folosit pentru a spune compilatorului daca referinta catre ‘listener’ este puternica sau slaba. Daca un ‘listener’ are o referinta puternica (variabila useWeakReference este setat pe false, care este starea initiala) atunci el nu va fi preluat de garbage collector, cand se pierd toate referintele catre ‘listener’. Daca avem un ‘listener’ cu referinta slaba, atunci el va fi preluat de  garbage collector. Cu toate ca este preluat pentru a fi sters acest ‘listener’ este sters doar dupa umplerea memoriei rezervate pentru rularea aplicatiei.

O scurta descriere a functiei addEventListener ar suna cam asa: Functia ataseaza unui obiect un “listener” care va apela o functie cand un anumit eveniment este declansat.

objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler);

Exemplu de mai sus ataseaza obiectului objTest un “listener” care, atunci cand apasam pe butonul stanga al mouse-ului pe obiectul objTest, apeleaza functia onClickHandler, in interiorul caruia se poate trata sau nu evenimentul. Primul parametru este de tip String si defineste tipul evenimentului, iar al doilea este de tip Function si este reprezentat de o functie care este apelata cand se declanseaza evenimentul.

In afara de primii 2 parametri, care sunt si obligatorii, mai exista inca 3 care au valori prestabilite, si pot fi, sau nu, mentionati in apelul functiei.

Al 3-lea parametru, numit si useCapture,  este de tip Boolean si are valoarea initiala false. Pentru a intelege rolul acestui parametru trebuie mai intai sa intelegem care sunt fazele prin care trece un eveniment. De la declansare, un eveniment trece prin 3 faze pe care le voi scrie in ordine cronologica: bubbling phase, target phase, capturing phase.

Daca valoarea parametrului useCapture este false (valoare initiala), atunci evenimentul va fi capturat in capturing phase, iar daca useCapture este true evenimentul va fi capturat in bubbling phase. Daca nu ai inteles explicatia, uita-te la urmatoarele exemple:

Exemplul 1:

addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler1, false);
objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler2);
function onClickHandler1(e:MouseEvent):void{
   trace("eveniment declansat pe scena")
}
function onClickHandler2(e:MouseEvent):void{
   trace("eveniment declansat in obiectul objTest")
}
//rezultat:
//eveniment declansat in obiectul objTest
//eveniment declansat pe scena

Exemplul 2:

addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler1, true);
objTest.addEventListener(MouseEvent.MOUSE_DOWN, onClickHandler2);
function onClickHandler1(e:MouseEvent):void{
   trace("eveniment declansat pe scena")
}
function onClickHandler2(e:MouseEvent):void{
   trace("eveniment declansat in obiectul objTest")
}
//rezultat:
//eveniment declansat pe scena
//eveniment declansat in obiectul objTest

Pentru putimii 2 parametri, citeste Priority & useWeakReference.

An: 2008
Limbaj de programare: Actionscript 2

Acest proiect a fost realizat in colaborare cu Pictas Design, care mi-a prezentat conceptul si mi-a pus la dispozitie creatia grafica, eu ocupandu-ma de partea de programare.

Site-ul a fost conceput pentru a putea face fata schimbarilor frecvente. Continutul este usor de editat deoarece textele si referintele catre poze sunt stocate in fisiere xml.

Adresa: www.libertycenter.ro

An: 2006
Programe: Flash MX, Fireworks MX

Tinerii si societatea este un software educational, care prezinta cateva lucruri despre cariera. Gasesti informatii despre cum poti sa iti stabilesti obiective si sa ajungi sa le indeplinesti.

Informatia este structurata pe 4 capitole: gestionarea carierei, curriculum vitae, scrisoare de intentie si interviul.

De asemenea sunt cuprinse si 4 citate care mi-au placut:

- Cand vrei ceva cu tot dinadinsul, intreg universul conspira in favoarea ta. (Paulo Coelho)

- Daca faci ceea ce intotdeauna faci, vei avea rezultatele pe care intotdeauna le ai. Daca iti doresti alte rezultate trebuie sa faci ceva nou. (Proverb danez)

- Acela ce-si indreapta inima spre a face numai bine, va fi intotdeauna departe de rau (Confucius)

- Indrazneste sa devii ceea ce esti. Exista posibilitati minunate in fiecare fiinta. Convinge-te de forta ta. Sa stii sa spui mereu: “Nu depinde decat de mine” (Andre Gide)

- inchiderea programului atunci cand deschizi 2 fisiere fla simultan sau cand lucrezi cu textField-ul;

- inchiderea programului din senin uneori fara posibilitatea de a recupera versiunea pe care nu ai apucat sa o salvezi;

- faptul ca nu am reusit sa pun un alt shortcut pentru Collapse between braces;

Probabil ar mai fi si altele, iar unele probleme s-au rezolvat o data cu update-ul la versiunea 10.0.2, dar sa vedem ce aduce nou versiunea CS5 sau 11 a Flash-ului. Cateva noi caracteristici si cum spuneam mai sus, bune de luat ochii sunt:

- existenta unei librarii de secvente de cod pentru actiuni simple, folositoare mai mult pentru designeri;

- comunicarea imbunatatita intre Flash si Flash Builder (Flex Builder);

- Custom brushes, cu ajutorul caruia poti sa faci lucruri interesante, cum ar fi copacii din poza de mai jos

Alte caracteristici interesante sunt:

- completarea codului pentru clasele custom in editorul de cod al Flash-ului;

- TLF APIs, un upgrade pentru TextField;

- Text Layout Framework (TLF);

Sunt nerabdator sa incerc unele dintre noile inovatii din Flash CS5, dar de asemenea sper ca aceasta varianta sa fie mult mai stabila si de asemenea sa ruleze fara probleme pe un sistem mediu.

Pentru un buton avem nevoie de patru imagini, pentru starile butonului (normal, hover si press) si pentru iconita de pe buton. Clasa pentru butoane se va numi ImageButton.as si va sta in fd\display\. Continutul fisierului ImageButton.as este urmatorul:

package fd.display {
   import flash.display.Sprite;
   import flash.events.MouseEvent;
   import fd.display.Image;
 
   public class ImageButton extends Sprite {
 
      private var btnImg:Image
      private var btnHoverImg:Image
      private var btnPressImg:Image
      private var btnIconImg:Image
      private var pressFlag:Boolean;
 
      public function ImageButton(imgNormal:String,
                                  imgHover:String,
                                  imgPress:String,
                                  imgIcon:String):void
      {
         btnImg = new Image(imgNormal)
         btnHoverImg = new Image(imgHover)
         btnPressImg = new Image(imgPress)
         btnIconImg = new Image(imgIcon)
 
         addChild(btnImg)
         addChild(btnHoverImg)
         addChild(btnPressImg)
         addChild(btnIconImg)
 
         btnHoverImg.visible = false
         btnPressImg.visible = false
 
         pressFlag = false
 
         addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler)
         addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler)
         addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler)
         addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler)
      }
 
      private function mouseOverHandler(event:MouseEvent):void{
         if(!pressFlag) btnHoverImg.visible = true
      }
 
      private function mouseOutHandler(event:MouseEvent):void{
         if(!pressFlag)btnHoverImg.visible = false
      }
 
      private function mouseDownHandler(event:MouseEvent):void{
         stage.addEventListener(MouseEvent.MOUSE_UP, upHandler)
         pressFlag = true
         btnPressImg.visible = true
      }
 
      private function mouseUpHandler(event:MouseEvent):void{
         stage.removeEventListener(MouseEvent.MOUSE_UP, upHandler)
         pressFlag = false
         btnPressImg.visible = false
      }
 
      private function upHandler(event:MouseEvent):void{
         stage.removeEventListener(MouseEvent.MOUSE_UP, upHandler)
         pressFlag = false
         btnPressImg.visible = false
         btnHoverImg.visible = false
      }
   }
}

La prima vedere clasa pentru butoane, este destul de stufoasa si pare greu de inteles, dar daca te uiti mai atent si incerci sa o intelegi o sa devina simpla. Clasa primeste ca parametri, 4 stringuri (calea catre imaginile care vor fi incarcate). Imaginile sunt incarcate cu ajutorul clasei Image, apoi se afiseaza imaginile pe ecran cu ajutorul functiei addChild, si se adauga listeneri pentru buton.

Pentru a vedea si rezultatul scriem o noua clasa in directorul parinte al directorului fd , Main.as:

package{
   import flash.display.Sprite;
   import fd.display.ImageButton;
 
   [SWF(width="100", height="100", backgroundColor="#FFFFFF")]
 
   public class Main extends Sprite{
      public function Main(){
         var button:ImageButton =
                        new ImageButton('img/but_normal.png',
                                        'img/but_hover.png',
                                        'img/but_press.png',
                                        'img/icon_resize.png')
         addChild(button)
         button.x = stage.stageWidth / 2
         button.y = stage.stageHeight / 2
      }
   }
}

Imaginile vor fi stocate intr-un folder img, care se va afla in acelasi director cu fisierul Main.as. Poti sa folosesti imaginile de mai jos pentru acest exemplu:

Clasa ImageButton creaza butoane din imagini, dar se poate extinde pentru a pune un text (label) in locul iconitei.

var reqImg:URLRequest = new URLRequest('numeImagine.jpg')
var loaderImg:Loader = new Loader()
loaderImg.load(reqImg)
addChild(loaderImg)

Daca pui codul de mai sus pe primul frame al unui fisier flash AS3, si calea imaginii in loc de numeImagine.jpg, ai obtinut un loader de imagine.

O modalitate mai eleganta de a face acest lucru este sa creezi o clasa care sa incarce imagini. Este bine sa iti structurezi clasele inca de la inceput si de aceea e nevoie de un director principal care va contine toate clasele create. Deoarece se poate ajunge ca acest director sa contina foarte multe clase, este indicat ca acestea sa fie distribuite in subfoldere, in functie de utilitatea clasei. Recomand FlashDevelop (despre care am vorbit intr-un post anterior), pentru scrierea urmatoarelor clase.

Clasa pentru incarcare de imagini se va numi Image.as si va sta in fd\display\. Continutul fisierului Image.as este urmatorul:

package fd.display{
   import flash.display.MovieClip;
   import flash.display.Loader;
   import flash.net.URLRequest;
 
   public class Image extends MovieClip{
      public function Image(str:String){
         var reqImg:URLRequest = new URLRequest(str)
         var loaderImg:Loader = new Loader()
         loaderImg.load(reqImg)
         addChild(loaderImg)
      }
   }
}

Clasa de mai sus este o clasa ajutatoare, si pentru a vedea rezultatul trebuie sa scriem o noua clasa. In directorul parinte al directorului fd, se va creea un fisier Main.as care o sa contina codul de apelare al clasei Image. Fisierul Main.as va avea continutul:

package{
   import flash.display.Sprite;
   import fd.display.Image;
 
   [SWF(width="600", height="400", backgroundColor="#FFFFFF")]
 
   public class Main extends Sprite{
      public function Main(){
         var img:Image = new Image('numeImagine.jpg')
         addChild(img)
      }
   }
}

Pentru a vedea rezultatele, se compileaza fisierul Main.as