Curs Flash

Pentru cei care nu stiu, Yo-yo este o jucarie formata din doua discuri egale, cu un ax in jurul caruia ruleaza un fir si cu acesta se face o miscare continua de "dute-vino" a jucariei.
Animatia de tip Yo-yo este aceea in care elementul animat revine la punctul de inceput, pe aceeasi linie; astfel, sfarsitul animatiei corespunde cu inceputul ei.
Iata cum se realizeaza o astfel de animatie, cu Motion Tween. Efectuati urmatorii pasi:

1. Deschideti un document Flash nou, alegeti instrumentul pentru desenat figuri ovale (Oval Tool) si desenati un cerc in partea de sus in Scena.
  - Pentru ca efectul de rotire (care va fi adaugat la urma) sa fie vizibil, alegeti pentru culoarea de umplere a cercului gradient-ul cu mai multe culori.
2. Cu cercul selectat transformati-l in Symbol Movie Clip, prin click pe meniul Modify -> Convert to Symbol, la Type alegeti Movie Clip si apasati OK.
3. Click pe Cadrul 30 in Timeline si adaugati un Frame simplu, prin click-dreapta si Insert Frame (sau din meniul Insert -> Timeline -> Frame).
4. Adaugati Motion Tween, din meniul Insert -> Motion Tween.
5. Inainte de a modifica sau misca ceva, fiind tot pe Frame-ul 30, adaugati la acesta un Keyframe, din meniul Insert -> Timeline -> Keyframe.
6. Click pe cadrul 15, apoi, cu mouse-ul trageti cercul vertical pana in partea de jos a Scenei.
7. Cum Yo-yo este o jucarie care se roteste, sa adaugam si acestei animatii un efect de rotire.
Click pe un Frame din animatie si in panoul Properties ("Ctrl+F3", daca nu e deschis), la Rotate scrieti valoarea 2.
8. Asta e tot. Apasati "Ctrl+Enter" pentru a testa si vedea animatia creata.
  - Va fi similara cu cea care este mai jos.
- Metoda e simpla. A trebuit doar ca primul si ultimul cadru sa fie identice (cu obiectul nemodificat, in aceeasi pozitie) iar traseul sa fie facut intr-un Frame la mijloc ca sa se obtina cele doua parti care simuleaza miscarea "dute-vino" (de la mijloc spre ultimul Frame tinta e aceeasi cu pozitia initiala).
- In prezentarea urmatoare puteti vedea cum se face acest exemplu.

- Tutorial Animatie Yo-yo

tutorial_animatie_yo_yo_pasi
- Fisierul FLA cu acest exemplu poate fi descarcat de la: Tutorial Animatie Yo-yo.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care meta tag se foloseste pentru scurta descriere a paginii?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 caractere ce descriu continutul paginii" />
Ce proprietate CSS opreste efectul dat de "float"?
clear text-align position
#some_id {
  clear: both;
}
Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicati functia PHP ce returneaza numarul de elemente dintr-un array.
is_[) count() strlen()
$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".
happly happily hapily
I live happily.
- Traiesc fericit (in mod fericit).
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".
felizamente felizmente felices
Vivo felizmente.
- Traiesc fericit (cu fericire).
Animatie tip Yo-yo

Last accessed pages

  1. Viitor simplu - Exercitii si teste incepatori (8918)
  2. Documente XML si utilizare (987)
  3. Viitor simplu si continuu - Future Tense Simple and Continuous (39505)
  4. Viitor perfect si Viitorul perfect continuu - Future perfect and Continuous (18174)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (98065)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2463)
  2. Curs HTML gratuit Tutoriale HTML5 (2294)
  3. Curs si Tutoriale JavaScript (1502)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1500)
  5. Curs si Tutoriale Ajax (1456)