Curs Flash

In acest tutorial Flash - AS3 puteti invata cum se schimba culoarea la un obiect MovieClip din scena cu Actionscript 3.0 si clasa ColorTransform.
Clasa ColorTransform permite setarea culorii obiectelor afisate in prezentarea Flash.
Mai intai se creaza un obiect ColorTransform cu new ColorTransform(), se foloseste proprietatea color la acest obiect pentru a seta culoarea, apoi acest obiect se aplica ca valoare la: obiect_MovieClip.transform.colorTransform .
Iata codul:

// creare obiect ColorTransform
var obj_color:ColorTransform = new ColorTransform();

// setare culoare (aici albastru)
obj_color.color = 0x0000ff;

// aplica transformarea culorii la obiectul movie clip (va afecta intreg obiectul, inclusiv liniile)
obiect_MovieClip.transform.colorTransform = obj_color;

Iata un exemplu practic. Patru butoane vor fi utilizate pentru a schimba culoarea unui patrat transformat in MovieClip; fiecare buton cu o culoare.

Pasii de creare a acestei prezentari Flash:
  1. Deschideti un nou document Flash AS3. Selectati Rectangle Tool si desenati un patrat in scena.
  2. Acum se transforma patratul in Symbol Movie Clip.
    Avand patratul selectat, click Modify - Convert to Symbol (sau F8), la "Type" alegeti optiunea Movie Clip, apoi click OK.
  3. Cu patratul selectat, deschideti panoul "Properties", si dati-i un nume de instanta: patrat (in caseta text cu: <Instance Name>).
  4. Alegeti instrumentul Oval Tool si desenati un cerc in scena, sub patrat.
  5. Acum se transforma cercul in buton.
    Avand cercul selectat, click Modify - Convert to Symbol (sau F8), alegeti la "Type" optiunea Button (la "Name" puteti sa-i dati un nume, de exemplu "Buton"), apoi click OK.
  6. Cu cercul selectat, deschideti panoul "Properties", si adaugati numele de instanta: b_rosu (acest buton va fi folosit pt. schimbarea culorii patratului in rosu).
  7. Acum se adauga in scena inca trei instante de cerc-buton, pentru alte culori: verde, galben si albastru.
    Deschideti panoul "Library", click pe Butonul creat si trageti-l in scena, astfel se adauga o noua instanta de button. Click si trageti inca doua instante.
    - Asezati patratull si cercurile (butoanele) ca in prezentarea de mai sus.
  8. Acum se da un nume de instanta diferit pentru fiecare buton din scena (acest nume se foloseste in ActionScript pt. a face legatura dintre obiectul din scena si codul AS3).
    Selectati primul cerc (cu "Selection tool"), deschideti panoul "Properties", si adaugati numele de instanta: b_verde (acest buton va fi utilizat pt. schimbarea culorii patratului in verde).
    Selectati al doilea buton si dati-i numele de instanta: b_galben (in panoul "Properties").
    Selectati al treilea buton adaugat si dati-i numele de instanta: b_albastru .
    - Culorile de afisare a butoanelor vor fi definite din ActionScript.
  9. Acum se scrie codul ActionScript care adauga culoare butoanelor si schimba culoarea patratului cand se apasa click pe buton (explicatiile sunt in comentariile din cod).
    Click Insert -> Timeline -> Layer pentru a crea un nou layer (strat) in Timeline (Layer 2). Dublu-click pe numele lui in Timeline si modificati-l in "Actions".
    - E o metoda eficienta sa aveti un Layer separat, cu nume specific, pt. codul ActionScript.
    Click-dreapta pe primul Frame (Cadru) din stratul Actions si alegeti Actions. Flash va deschide un panou in care se scrie codul ActionScript.
    Copiati codul urmator si adaugati-l in acel panou:
    // creare Array cu instantele butoanelor
    var btns:Array = [b_rosu, b_verde, b_galben, b_albastru];
    
    // creare obiect ce stocheaza culorile pt. fiecare buton
    var set_colors:Object = {'b_rosu':0xff0000, 'b_verde':0x00ff00, 'b_galben':0xffff00, 'b_albastru':0x0000ff};
    
    // seteaza un obiect ColorTransform
    var obj_color:ColorTransform = new ColorTransform();
    
    // parcurge array-ul "btns", cu instantele butoanelor
    for(var i:int=0; i<btns.length; i++) {
    	// seteaza si adauga culoare la fiecare buton
      obj_color.color = set_colors[btns[i].name];
      btns[i].transform.colorTransform = obj_color;
    
      // inregistreaza un eveniment CLICK pt. fiecare buton
      btns[i].addEventListener(MouseEvent.CLICK, changeColor);
    }
    
    // functie apelata de evenimentele CLICK
    function changeColor(evt:Event):void
    {
    	// obtine numele de instanta a butonului apasat
    	var b_name = evt.target.name;
    
      // seteaza si schimba culoarea patratului (patrat)
    	obj_color.color = set_colors[b_name];
    	patrat.transform.colorTransform = obj_color;
    }
    
    - Daca vreti mai putine sau mai multe butoane, modificati Array-ul "btns" si obiectul "set_colors", reducand sau adaugand noi instante si culori, in functie de butoanele din scena.
  10. Salvati acest document Flash si apasati "Ctrl+Enter" ca sa vedeti rezultatul.

- Fisierul FLA cu exemplu din acest tutorial poate fi descarcat de la: Tutorial Schimba culoarea la obiect MovieClip.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag adauga imagine in pagina web?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Care din aceste coduri CSS afiseaza textul inclinat?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Clic pe functia jQuery care ascunde animat un element HTML.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Clic pe functia definita corect in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
Indicati forma pentru Prezent Perfect Continuu a verbului "to walk" (a merge).
have walked have been walking be walking
I have been walking for 5 hours.
- Merg pe jos de 5 ore.
Indicati Trecutul Nedefinit pentru verbul "ser" (a fi) la forma Yo.
será sería fui
Yo fui entrenador.
- Am fost antrenor.
ActionScript 3 - Schimba culoarea la obiect MovieClip

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (176667)
  2. Curs PHP MySQL, Tutoriale si Scripturi PHP (85363)
  3. Elemente principale HTML (18673)
  4. Blog si Cugetari Personale (68259)
  5. PHP Laravel - Tutoriale (4975)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (3936)
  2. Curs HTML gratuit Tutoriale HTML5 (3592)
  3. Curs si Tutoriale JavaScript (3007)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (2661)
  5. Curs CSS Online Tutoriale CSS3 (2538)