23.05.2012.

Konacno, pred nama je CS5 paket. Lansiranje je 12. aprila vjerujem da mnogi to neće propustit.
Registracija na:http://cs5launch.adobe.com/

0 Komentari

Nakon pojave AS3 mnogo zamjerki je islo na racun "gubljenja vremena" za kreiranje jednostavnih dugmica.U tu svrhu evo ButtonCreator klase koja nas rjesava tih muka:


package games.src{
    import flash.display.*;
    import flash.events.*;
    import gs.TweenMax;

   

    public class ButtonCreator extends MovieClip{

        private  var btt:MovieClip;

        private  var labels:String;

        private  var optionButton:Number;

        private var frameName:String;

        private var timeline:MovieClip;

        private var func:Function;

        private var option:Number;

        private var _sound:SoundControler;
       
        public var soundPath:String;

        public function ButtonCreator(_btt:MovieClip,bttLabel:String,optionButton:Number,frame:String,callback:Function) {

            frameName=frame;

            func=callback;

            btt=_btt;

            option=optionButton;

            btt.buttonMode=true;//enable movie clip as a button

            btt.mouseChildren=false;//disable dynamic text for mouseOver reaction
           
            soundPath="assets/sounds/click.mp3"

            if (bttLabel != null) {
                btt.txt_label.text=bttLabel;
            }
            _sound=new SoundControler(soundPath,"button",false);

            switch (optionButton) {
                case 0 :

                    createNavigationButtons(btt);

                    break;
                case 1 :

                    createFunctionButtons(btt,func);

                    break;
            }


        }
        public function rollOn(evt:MouseEvent):void {
           
            TweenMax.to(evt.target,.5,{scaleX:1.1,scaleY:1.1});
            TweenMax.to(evt.target,.5, {dropShadowFilter:{color:0xBBBBBB, alpha:1, blurX:10, blurY:10,distance:10}});
            _sound.playSound();

        }
        public function rollOff(evt:MouseEvent):void {
       
            TweenMax.to(evt.target,.5,{scaleX:1,scaleY:1});
            TweenMax.to(evt.target,.5, {dropShadowFilter:{color:0xBBBBBB, alpha:1, blurX:0, blurY:0,distance:0}});

        }
        public function rollDow(evt:MouseEvent):void {
           
            TweenMax.to(evt.target,.5, {dropShadowFilter:{color:0xBBBBBB, alpha:1, blurX:10, blurY:10,distance:10}});

            switch (option) {
                case 0 :

                    evt.currentTarget.parent.gotoAndStop(frameName);
                    trace(evt.currentTarget.parent);
                    break;
            }
           

        }
        public function createNavigationButtons(btt:MovieClip) {

            btt.addEventListener(MouseEvent.MOUSE_OVER,rollOn);
            btt.addEventListener(MouseEvent.MOUSE_OUT,rollOff);
            btt.addEventListener(MouseEvent.MOUSE_UP,rollOff);
            btt.addEventListener(MouseEvent.MOUSE_DOWN,rollDow);


        }
        public function createFunctionButtons(btt:MovieClip,callback:Function) {

            btt.addEventListener(MouseEvent.MOUSE_OVER,rollOn);
            btt.addEventListener(MouseEvent.MOUSE_OUT,rollOff);
            btt.addEventListener(MouseEvent.MOUSE_UP,rollOff);
            btt.addEventListener(MouseEvent.CLICK,callback);

        }
       
    }//end of class

}//end of package

Analizirajmo klasu:

Klasa omogucava kreiranje navigacionog dugmeta-za kretanje kroz frejmove  i funkcionalnog dugmeta-za izvrsavanje funkcija.

import flash.display.*;
import flash.events.*;
import gs.TweenMax;

Primjetit cete TweenMax klasu koja je ustvari tweener koji cuda radi. Detaljnijim upoznavanjem sa TweenMax-om cemo se pozabaviti nesto kasnije za sada samo link sa kojeg mozete downoadovatui pomenutu klasu blog.greensock.com/.

Obratimo pažnju na  definisane varijable:

private  var btt:MovieClip;- ce biti nas zeljeni dugmic
private  var labels:String; - dinamicki text, ime za nase dugme
private var frameName:String;- ime frejma ukoliko smo izabrali navigacioni dugmic
 private var func:Function; - funkcija ukoliko smo se odlucili za funkcionalni dugmic
private var option:Number;-opcija da li zelimo navigaconi ili funkcionalni dugmic
private var _sound:SoundControler;-klasa koja kontrolira zvuk
 public var soundPath:String;- putanja do zvuka dugmeta. Varijabla je definisana kao public sto znaci da mozemo mijenjati default vrijednost.

Osvrnimo se na konstruktor:

public function ButtonCreator(_btt:MovieClip,bttLabel:String,optionButton:Number,frame:String,callback:Function)

Primjetit cete 4 parametra koja smo opisali ranije. Shodno svojim željama proslijedit cete odgovarakuce parametre.

Nakon pozivanja konstruktora na osnovu toga kakvo dugme zelimo izvrsit ce se 2 moguce funkcije:

switch (optionButton) {
                case 0 :

                    createNavigationButtons(btt);

                    break;
                case 1 :

                    createFunctionButtons(btt,func);

                    break;
            }

Ukoliko je nasa opcija 0, dugme je navigaciono, u suprotnom, dugme je funkcionalno. Ostatak koda sa dodavanjem listenera je sasvim jasan.

Sada kada smo upoznali klasu kreirajmo novi AS3 dokument.
Nacrtajmo neki dugmic po zelji sa sljedecom strukturom i dynamic textom.


otvorimo action panel i importujmo nasu klasu:
import games.src.ButtonCreator;

Upisimo sljedeci kod:

var labelArray:Array=["button1","button2","enable","disable"];
var timeline:MovieClip=this;


for (var i:uint=0; i<4; i++) {


    var mc:MovieClip=timeline.getChildAt(i) as MovieClip;

    mc = new ButtonCreator(mc,labelArray[i],1,null,testF);

}

function testF(event:MouseEvent) {

    trace("Test");


}

labelArray-su nazivi koje cemo dodijeliti nasim dugmicima, pravimo zatim loop petlju, definisemo varijablu za nase dugmice var mc:MovieClip i u petlji pozovemo konstruktor sa parametrima koji ce kreirati 4 funkcionalna dugmeta.

I na kraju napisemo funkciju koja ce se pozivati na interakciju sa dugmicima.

Evo konacnog rezultata.

0 Komentari

Da, proslo je zaista dugo od mog zadnjeg posta. U međuvremenu svasta se desavalo-vrijeme sam proveo uglavnom u kodiranju flash aplikacija i igara. Rezultat toga je jedna zaista sjajna aplikacija i nekoliko zabavnih igara-za najmlađe. Vrijeme je da se napisani kod podijeli sa zajednicom.
Dok sam pomenutu aplikaciju bio primoran pisati u AS2 kodu sa igrama je drugi slucaj-radjene su u AS3. Od objasnjenja AS2 koda nece biti nista jer smatram da je krajnje vrijeme da i oni koji kodiraju u dvojci treba da se okrenu novom API-ju. Ali svakako cu nazanimljivije dijelovi koda za koja sam utvrdio da ne postoje adekvatna rjesenja na netu prevesti u AS3 i podijeliti sa vama. Nesto ranije sam poceo pisati svoj framework u svrhu brzeg i lakseg (uf... ako nesto takvo uopce postoji) razvoja osnovnih elemenata svake igre-intro screen, glavnog panela, dugmica, osnovnih efekata itd. U međuvremenu framework je unaprijeđen nekim dodatnim funkcijama koje ce vjerujem biti svima od koristi. Zasto svoj framework kad na netu imamo obilje slicnih?
Pa, jednostavno nisam bio zadovoljan gotovim rjesenjima koja pretenduju da postanu ili su vec flash game engines ili su rjesenja bila polovicna. Naravno framework cu za sada objavljivati parcijalno jer ga u blizoj buducnosi namjeravam  prosiriti nekim osnovnim game enginima-platformskim igrama, puzlama, skrivenim objektima, kvizovima i sl. kako bi svako jako brzo mogao napraviti vlastitu igru.  

0 Komentari

Seb Lee-Delisle i njegova kompanija Plug-in Media imaju novu igru koja zaista oduševljava. U pitanju je igra za najmlaše rađena u saradnji sa BBC-jem na osnovu njihove popularne serije za djecu Big & Small.
Igra je rađena uz pomoć PV3D i zaista nagovještava pravac budućih Flash igara. Evo nekoliko treilera iz igre i intervju sa akterima.

Big and Small from Plug-in Media on Vimeo.

Making of Big and Small Rough cut from Plug-in Media on Vimeo.

I naravno IGRA

0 Komentari

Iz Adobe kuhinje stižu 2 sasvim nova proizvoda- Flash Builder (FB) i Flash Catalyst (FC).
FB je zapravo verzija 4 sada već bivšeg Flex-a 3 koja je najavljivana nekoliko mjeseci unazad. Ukratko-kako je velik broj developera zapravo koristio Flex samo kao IDE za svoje ActionScript projekte



u Adobe-u  su odlučili proizvod preimenovati u FB iako je sa njim moguće i dalje razvijati RIA pomoću Flex frameworka. Dakle, Flex brand name ostaje za framework. Međutim, kada sam sada odgledao tutorial na sajtu Lee Brimelova želeći se upoznati sa novim proizvodom FC, mislim da je u pitanju nešto sasvim drugo od pukog rebrandiranja. Mislim da spravom možemo reći - GOOD BYE FLASH!
Iako sam zaista zaljubljenik u Flash nakon ove prezentacije čini mi se da stvari kada je ovaj alat u pitanju idu i jednom sasvim novom smjeru. Flash, u slučaju da opstane, ostaje samo animatorski alat.
Pa šta je onda FC?
Jednostavno FC je dizajnerski alat koji povezuje Adobe grafičke alat ( Illustrator i Photoshop) sa FB.
Sve je tu od timelinea, komponenti, pretvaranja našeg dizajna u objekte (text field, button, list itd.) samo što je sve svedeno na sistem drag 'n drop.
Iako rekoh da volim Flash IDE gotoo ikada ga nsam koristio za dizajniranje, uvijek sam to radio u Illustratoru. Kasnije importovanje grafike u Flash IDE nije ostavljalo puno opcija osim ponovnog igranja sa Flash alatkama za crtanje. FC je predviđen za rad sa .ai fajlovima tako da samo dizajniranje teče mnogo brže i sa manje muke. Sa te strane, FC mi se jako dopada. Kasnije ovaj dizajn uvezemo u FB i dodatno skriptamo.
Tako ćemo ubuduće dizajnirati u Illustratoru ili Photoshopu (kao i do sada), uštimavati u Catalystu i skriptati u FB-u.
kome više uopće treba Flash?

0 Komentari