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 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.
Rotire in plan 3D cu ActionScript 3

Last accessed pages

  1. Conditional IF in Limba Engleza - Fraze Conditionale (59867)
  2. Coduri pt culori (37443)
  3. Ghiceste numarul (381)
  4. Curs si Tutoriale JavaScript (54041)
  5. Exercitii engleza - English Tests and exercises - Grammar (45562)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2638)
  2. Curs HTML gratuit Tutoriale HTML5 (1781)
  3. Curs si Tutoriale JavaScript (1670)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1616)
  5. Curs CSS Online Tutoriale CSS3 (1507)