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 HTML5 defineste un text marcat, evidentiat?

<p>Cursuri graruite: <mark>MarPlo.net</mark> , jocuri, anime.</p>

Ce pseudo-clasa CSS defineste un stil la element cand mouse-ul e deasupra lui?

:focus :hover :active

a:hover {
  font-weight: bold;
  color: #00da01;
}

Clic pe functia ce returneaza un sir cu un numar rotunjit la x decimale.

toPrecision(x) toFixed(x) floor(x)

var num = 12.34567;
num = num.toFixed(2);
alert(num);       // 12.35

Indicati functia PHP care adauga continutul unui fisier intr-un array.

[) file() readfile()

$arr = file("a_file.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
var_export($arr);

Clic pe raspunsul potrivit la intrebarea: "What time is it?"

On the 7th of July 1996 It is a quarter to 5. Nice weather.

What time is it? It is a quarter to 5.
- Cat este ora? E 5 fara un sfert.

Indicati raspunsul potrivit la intrebarea: "¿Qué hora es?"

Hace buen tiempo. En el 7 de julio de 1996 Son las tres menos cuarto.

¿Qué hora es? Son las tres menos cuarto.
- Cat este ora? E 3 fara un sfert.

Last accessed pages

Sufixele -ful, -less si -ness - ful, less and ness suffixes ^(17876)
Accentul si Pronuntia ^(27876)
Subjunctiv - Introducere ⁽⁵⁷³³⁾
Introducere in HTML ^(25164)
Zilele saptamanii - Lunile anului - Anotimpurile - Engleza ^(28288)

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽⁵⁰⁹⁾
Cursuri limba engleza gratuite si lectii online ⁽²¹³⁾
Coduri pt culori ⁽¹⁹⁰⁾
Gramatica limbii engleze - Prezentare Generala ⁽¹⁸⁵⁾
Gramatica limbii spaniole. Indrumator si prezentare generala ⁽¹⁶⁸⁾