Animatie tip Yo-yo

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

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

<<-Utilizare Onion Skin -- Utilizare Blending->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag e folosit pentru a adauga liste cu definitii in element <dl>?

<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>

Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?

display position visibility

#id {
  visibility: hidden;
}

Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.

onclick onmouseover onfocus

document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}

Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.

$_SESSION $_GET $_REQUEST

if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}

Care din urmatoarele cuvinte reprezinta un Verb?

lighting believe path

I believe in my path.
- Eu cred in calea mea.