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 tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Animatie tip Yo-yo

Last accessed pages

  1. Jokes - Glume, Bancuri, Humor (2) (15514)
  2. Curs HTML gratuit Tutoriale HTML5 (188398)
  3. Conditional IF - Exercitii si teste engleza incepatori (20380)
  4. Tag-urile DIV si SPAN (9639)
  5. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (261381)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1025)
  2. Curs HTML gratuit Tutoriale HTML5 (867)
  3. Coduri pt culori (605)
  4. Creare si editare pagini HTML (476)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (447)