Come creare una panoramica 3-D View in Flash 8

November 28

Come creare una panoramica 3-D View in Flash 8


Con una immagine panoramica, Flash può costruire l'illusione di uno spazio 3-D, che permette all'utente di guardare in giro in tutte le direzioni, come se fosse davvero in piedi nel punto in cui la foto è stata scattata e guardando intorno. Questo effetto può essere estremamente utile per gli sviluppatori che vogliono gli utenti del loro sito web per avere una coinvolgente esperienza 3-D. Utilizzando Maschere e ActionScript, l'immagine panoramica della vostra scelta può essere interattivamente scorrere attraverso, come il mouse si muove attraverso l'immagine.

istruzione

1 Creare un nuovo file Flash cliccando \ "Nuovo, \" \ "File Flash (ActionScript 2.0) \" e facendo clic su \ "OK \".

2 Fai clic su \ "Modifica \" \ "Documento, \" e dare il documento \ "550 \" per \ dimensioni in pixel "300 \", quindi fare clic su \ "OK \".

3 Creare i seguenti due strati con il \ "Nuovo livello \" pulsante nell'angolo in basso a sinistra della linea temporale: \ "Azioni \" e \ ". Panorama \"

4 Selezionare il fotogramma 1 del livello del panorama. Importa la tua immagine panoramica cliccando su \ "File, \" \ "Importa, \" \ "Importa mettere in scena ..., \" e scegliendo la vostra immagine. Quindi fare clic destro l'immagine importata e selezionare \ "Converti in simbolo. \" Chiama il simbolo \ "Panorama \" e fare clic sul quadrato centrale nella sezione "Registrazione \" \, quindi fare clic su \ "OK \".

5 Fare clic sul clip filmato panorama e andare a \ "Finestra, \" \ "Proprietà \" per aprire la finestra delle proprietà. Tipo \ "panorama_mc \" in cui si dice \ "<Nome istanza> \" nella finestra Proprietà.

6 Posizionare il immagine panoramica in modo che la fase è centrata nel mezzo di esso. L'immagine deve estendersi oltre i limiti della fase sia la sua altezza e larghezza.

7 Selezionare il fotogramma 2 in entrambi i \ "Azioni \" e \ "Livelli Panorama \" cliccando e trascinando su entrambi i telai. Pulsante destro del mouse sulla selezione e scegliere \ "Inserisci cornice. \"

8 Nella \ "Azioni \" layer, fare clic destro Frame 2 e selezionare \ "Inserisci fotogramma chiave vuoto. \"

9 Clicca fotogramma 1 del \ "Azioni \" livello e passare a \ "Finestra, \" \ "Azioni \" per aprire l'editor di ActionScript. Copiare e incollare il seguente codice ActionScript:

Stop()
ANDARE
// imposta Vars:
// -------------------
var curr_dist: Number
ANDARE
var curr_frac: Number
ANDARE
var deceleration_coeff: Number
ANDARE
var newposx: Number = (Stage.width / 2)
ANDARE
var currposx: Number
ANDARE
gamma var: Number = (_ root.panorama_mc._width-Stage.width) / 2
ANDARE
var currtime: Number
ANDARE
// -------------------
funzione // Panorama Movimento:
// -------------------
_root.onEnterFrame = function () {
curr_distancex = _root.panorama_mc._x-newposx; // Trova la x corrente

_root.panorama_mc._x=_root.panorama_mc._x-(curr_distancex/deceleration_coeff)

ANDARE
_root.onMouseMove = function () {// quando i movimenti del mouse
currtime = getTimer ()
ANDARE

curr_dist=_root._xmouse-(Stage.width/2)

ANDARE
curr_frac = Math.abs (curr_dist / (Stage.width / 2))
ANDARE
deceleration_coeff = (curr_frac)

15 + 5
ANDARE
if (curr_dist <0) {
newposx = (Stage.width / 2) + (gamma curr_frac)
ANDARE

} else {
newposx=(Stage.width/2)-(curr_frac*range)

ANDARE

}
_root.currposx=_root.panorama_mc._x

ANDARE
}
}
// --------------------

10 Selezionare il fotogramma 2 della \ "Azioni \" strato e copia-incollare il seguente codice ActionScript:

_root.panorama_mc._x = _root.currposx;

11 Vai a \ "Controllo, \" \ "Prova filmato \" per provare il filmato. Si vedrà solo la parte centrale dell'immagine panoramica, e come film il mouse verso sinistra o verso destra, l'immagine verrà scorrere con il mouse, dando l'impressione che si sta visualizzando l'immagine in 3-D.