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

Ce atribut face ca valoarea din caseta de text sa nu poata fi modificata de utilizator?

checked="checked" readonly="readonly" disabled="disabled"

<input type="text" value="valoare-fixa" readonly="readonly" name="a_name" />

Ce proprietate CSS permite crearea de colturi rotunjite?

background-size border-size border-radius

.class {
  border:2px solid blue;
  border-radius:1.2em;
}

Ce instructiune afiseaza o fereastra cu mesaj si butoane OK si Cancel?

indexOf() confirm() prompt()

var ques = window.confirm("Rezultatul lui 0+0 este 0?");
if (ques) alert("Corect");
else alert("Incorect");

Indicati functia PHP care returneaza numarul cel mai mic dintr-o multime de numere.

floor() ceil() min()

$min_nr = min(12, 8, 25, 13);
echo $min_nr;        // 8

Alegeti verbul corect care trebuie in propozitia: "Its ears ... big".

are is has

Its ears are big.
- Urechile lui sunt mari.

Alegeti verbul corect care trebuie in propozitia: "Los niños ... deportistas"

soy son está

Los niños son deportistas.
- Copii sunt sportivi.

Last accessed pages

Variabile si referinte in functii ⁽¹⁷⁹⁸⁾
Boala, nume pt. pacat. Vindecarea: nume pt. Dumnezeu ⁽¹⁸⁹⁾
Script PHP - curs valutar ⁽¹⁴⁸⁰⁾
Curs HTML gratuit Tutoriale HTML5 ^(197637)
Scriere cod CSS ⁽⁵⁸⁵⁷⁾

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽⁷⁸⁾
Curs HTML gratuit Tutoriale HTML5 ⁽⁵²⁾
Coduri pt culori ⁽⁵²⁾
Creare si editare pagini HTML ⁽⁴⁹⁾
Gramatica limbii engleze - Prezentare Generala ⁽⁴⁶⁾