E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Adobe Flash

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

GRAFICA 2D  /  Adobe Flash  /  ActionScript (14)

Tur virtual 360░

06.06.2008
Tur virtual 360░

Crearea unui tur virtual (360░) in cateva minute folosind Action Script.

Total vizualizari: 8522 8522 afisari   |   Comentarii  4   |   Rating   |   (6 voturi)   |   Timp necesar: 20 min 20 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  www.tutorialized.com  
Autor:  Chumpitas
Download
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

1. Creeaza un nou document din meniul principal File/New (Ctrl + N)
2. Insereaza imaginea in zona de lucru (Stage), din meniul File/Import/Import to Stage sau prin apasarea tastelor Ctrl+R

Tur virtual

3. Pentru a lucra cu imaginea inserata, aceasta trebuie transformata mai intai intr-un symbol de tip Movie Clip, prin apasarea tastei F8. Urmare a acestui fapt, vom avea pe Stage o instanta a noul-lui Movie Clip creat, caruia ii atasam un nume, in acest caz "photos", pentru a putea folosi acest obiect in viitoarele scripturi.

Tur virtual

4. De mentionat este faptul ca partea de inceput si partea de sfarsit a fotografiei trebuie sa fie identice, altfel spus, prin unirea a doua instante a aceleiasi poze trebuie sa existe continuitate. Considerand indeplinita afirmatia anterioara, intram in obiecul "photos" din Stage prin dubluclick, unde duplicam imaginea atasand-o la sfarsitul celei originale.

Tur virtual

5. In zona de desfasurare a Scenei de lucru (Timeline), extindem numarul de cadre (frames) de la 1 la 50, dupa care ne pozitionam pe primul frame.

Tur virtual

6. Selectam cele doua fotografii dupa care prin apasarea tastei F8 le transformam intr-un nou obiect de tip Movie Clip, atribuindu-i numele "double_photo".

Tur virtual

7. Pentru crearea animatiei de deplasare stanga | dreapta.a imaginilor, inseram pe frame-ul 50 o noua instanta (tasta F6) (keyframe), pozitionand totodata imaginile ca in figura urmatoare. (punctual de start al celei de a doua imagini, trebuie sa corespunda cu punctul de start (punctual de 0,0px) al obiectului "photos").

Tur virtual

8. In interiorul intervalului de frame-uri 1-50, selectam ca si metoda de animatie: "Motion Tween", din meniul rezultat prin click dreapta al mouse-ului.

Tur virtual

9. Odata creata animatia de baza, revenim in Root, unde creem un nou layer (Layer 2), pe care-l putem numi sugestiv "Actions". Aici, pe primul frame, introducem codul ActionScript, responsabil de interactiunea mouse - imagine.

frame = 1;
 
    _root.onEnterFrame = function(){
        total = photos._totalframes;
        if (_root._xmouse > 260) {
            step = 1;
        } 
        else if (_root._xmouse < 240) {
            step = -1;
        }
        else {
            step = 0;
        }
        
        frame = frame + step;
        if (frame > total) {
            frame = 1;
        } 
        else if (frame < 1) {
            frame = total;
        }
        _root.photos.gotoAndStop(frame);
    }

Numarul 260 din linia "if (_root._xmouse > 260) {" depinde de latimea zonei de lucru (Stage width), si trebuie sa fie cu 240 de unitati mai mic decat aceasta.

10. Pentru a vedea rezultatul final apasam Ctrl + Enter

Pagina:
1
comenteaza printeaza
Alte tutoriale Adobe Flash:
Noteaza acest tutorial
Rating tutorial
 
(6 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
COMENTARII (4) spune-ti parerea
Alex , Sambata, 09 Mai 2009
#4

Horia, ce refresh ai intre conuri si bastonase? majoritatea imaginilor norc sunt bucati. si ce ai de vazut? strada, masini, strada, strada, zebra, pietoni, pietoni! se incarca mai greu vrbrasov decat norc, poate, dar ai si ce vedea (zone turistice, muzee, edificii istorice.. prezentate cum trebuie, nu de pe capota unei masini in tranzit), iar calitatea inseamna volum mai mare de date. cine vrea mai mult, www.arounder.com sau www.360cities.net. sa nu ne mai laudam cu plasticaraie, doar pentru ca e romanesca aka norc, de parca acum am fi vazut primul pif.

Raporteaza acest comentariu ca injurios!
Horia , Sambata, 18 Aprilie 2009
#3

Aoleu....vrbrasov!!!!!!???mult mai bine cu norc.ro, chiar daca pozele sunt putin deformate, macar am ce sa vad.....nu cateva panorame si alea care se incarca greu.....folositi norc, e mult mai OK

Raporteaza acest comentariu ca injurios!
Nireve , Marti, 28 Octombrie 2008
#2

Mihai, nu te complici in flash, din contra, ca sa vad un tur virtual in toate cazurile inafara de flash, necesita instalarea unui Activ X sau a unui soft video.

Cu flash nu ai nevoie de nimic.

Ceva similar cu acest tutorial este infint-menu....acelasi principiu.

Felicitari pt. postarea lui.

Raporteaza acest comentariu ca injurios!
Mihai , Joi, 24 Iulie 2008
#1

de ce sa te complici in flash cand exista devalVR? iar ca un bun exemplu al implementarii: http://www.vrbrasov.ro

Raporteaza acest comentariu ca injurios!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4330
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4195
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4180
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4015
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
StyleSheet Javascript Lightroom COREL DRAW XHTML Verilog Fireworks JSON Word Dreamweaver SWF SEO Vista RoR Java Powerpoint AJAX Python Swift 3D Photoshop Ruby on Rails PHP Action Script XML Outlook Gimp Sony Vegas Flash Bridge CSS MySQL HTML Fotografie PSD Illustrator Excel
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software