Curs Flash

Pe langa metoda obisnita de a face un obiect sa se roteasca intr-o prezentare Flash, folosind cadre, instrumentele si optiunile din panourile Adobe Flash, o alta modalitate este cu ActionScript.
Cu ActionScript 3 se poate roti un Text sau Movie Clip in plan 3D fara a utiliza "3D Rotation Tool" si nici cadrele din panoul Timeline (cu exceptia celui in care e creat obiectul). Iata un scurt exemplu, o stea care se va roti continuu in plan 3D. Se efectueaza urmatorii pasi:

1. Deschideti un document Flash nou si alegeti instrumentul pentru desenat figuri geometrice "PolyStar Tool" (situat la butonul cu dreptunghi).
2. Click pe butonul Options din panoul Properties, si in fereastra care se deschide, la Style alegeti optiunea star (ca sa deseneze o stea, puteti modifica numarul de colturi la "Number of Sides") si apasati OK.
3. Alegeti o culoare gradient pentru stea (de la butonul Fill Color, cea cu multe culori, pt. un efect placut) si desenati in Scena o stea.
4. Transformati steaua in Movie Clip (de la meniul Modify -> Convert to Symbol, iar la Type puneti Movie Clip si apasati OK), apoi, in panoul Properties, in partea de sus, unde e scris "<Instance Name>" scrieti numele myClip petru aceasta instanta (e necesar ca sa fie folosit in codul ActionScript).
5. Copiati codul urmator, si reveniti la aplicatia Flash.
addEventListener(Event.ENTER_FRAME, rotate3D);
function rotate3D(e:Event):void
{
  myClip.rotationX += 1;
  myClip.rotationY += 1;
  myClip.rotationZ += 1;
}
Apasati click-dreapta pe Cadrul 1 din Timeline si apoi pe Actions. Se va deschide fereastra in care se scrie codul ActionScript.
Dati click in partea dreapta, in pagina unde se scrie codul si adaugati-l pe cel copiat de mai sus (cu "Ctrl+V" sau click-dreapta si "Paste").
- Testati animatia, apasand "Ctrl+Enter".
Va apare ceva asemanator cu prezentarea urmatoare:
- Codul ActionScript de mai sus da aplicatiei Flash instructiuni sa roteasca instanta "Movie Clip" cu denumirea "myClip" pe toate cele 3 dimensiuni. Continua sa roteasca pe timp nedefinit.
- In continuare puteti vedea cum se face acest exemplu.

- Tutorial Rotire 3D cu ActionScript 3

tutorial_rotire_3d_as3_pasi
- Fisierul FLA cu acest exemplu poate fi descarcat de la: Tutorial Rotire 3D cu ActionScript 3.
Similar puteti aplica acest cod AS3 si la Text, care poate fi animat in spatiu 3D drect, fara sa fie nevoie de a fi convertit in Symbol Movie Clip, dar trebuie sa-i dati numele de instanta "myClip".

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care atribut face ca optiunea din <select> sa fie selectata?
checked="checked" selected="selected" disabled="disabled"
<select name="a_name">
 <option value="val1">Optiune 1</option>
 <option value="val2" selected="selected">Optiune 2</option>
</select>
Care din aceste valori CSS creaza culoare gradient pentru fundal?
contain repeat-x linear-gradient
#id {
  background: linear-gradient(top left, #1f1, #fff, #11f);
}
Care cod creaza un array in JavaScript?
[] {} new Object()
var arr = [1, "CoursesWeb.net", "MarPlo.net"];
alert(arr[2]);
Indicati functia PHP folosita pentru redirect la alta pagina.
function() header() switch()
header("Location: http://coursesweb.net/");
exit;
Indicati articolul corect la cuvantul "garden" in propozitia: "... garden is a place with flowers".
An The A
The garden is a place with flowers.
- Gradina este un loc cu flori.
Indicati articolul corect pentru cuvantul: "jardín" (gradina)
la los el
El jardín es un lugar de flores.
- Gradina e un loc cu flori.
Rotire in plan 3D cu ActionScript 3

Last accessed pages

  1. Curs HTML gratuit Tutoriale HTML5 (94796)
  2. Curs si Tutoriale JavaScript (63294)
  3. Curs PHP MySQL, Tutoriale si Scripturi PHP (60581)
  4. Ferestre Alert Prompt si Confirm (1560)
  5. Blog si Cugetari Personale (45855)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (492)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (456)
  3. Curs si Tutoriale JavaScript (288)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (260)
  5. Curs CSS Online Tutoriale CSS3 (248)