Hvordan lage en Panoramic 3-D visning i Flash 8

Med et panoramabilde, kan Flash konstruere en illusjon av en 3-D plass, slik at brukeren kan se deg rundt i alle retninger, som om hun virkelig står i stedet hvor bildet ble tatt og ser seg rundt. Denne effekten kan være svært nyttig for utviklere som ønsker brukerne av deres hjemmeside for å ha en oppslukende 3D-opplevelse. Bruke Masker og Actionscript, kan det panoramabilde av ditt valg være interaktivt rullet gjennom som musen beveger seg over bildet.

Bruksanvisning

1 Opprett en ny Flash-fil ved å klikke på \ "Ny \" \ "Flash fil (Actionscript 2.0) \" og klikke \ "OK. \"

2 Klikk \ "Endre, \" \ "Dokument, \" og gi dokumentet \ "550 \" av \ "300 \" pikseldimensjoner, klikk på \ "OK. \"

3 Opprett følgende to lag med \ "Nytt lag \" -knappen i nedre venstre hjørne av Tidslinje: \ "Handlinger \" og \ ". Panorama \"

4 Velg ramme en av panorama laget. Importer panoramabilde ved å klikke på \ "Fil \" \ "Import, \" \ "Importer til scenen ..., \" og velge bildet. Deretter høyreklikker du på importerte bildet og velg \ "Konverter til Symbol. \" Call symbolet \ "Panorama \" og klikk på midten torget i \ "Registrering \" -delen, klikk på \ "OK. \"

5 Klikk på panorama filmklipp og gå til \ "Window, \" \ "Properties \" for å åpne vinduet Egenskaper. Type \ "panorama_mc \" hvor det står \ "<Instance Name> \" i vinduet Egenskaper.

6 Plasser panoramabilde slik at scenen er sentrert i midten av den. Ditt bilde skal strekke seg utover grensene for scenen i både høyde og bredde.

7 Velg Ramme 2 i både \ "Handlinger \" og \ "Panorama Layers \" ved å klikke og dra over begge rammer. Høyreklikk utvalget, og velg \ "Sett Frame. \"

8 I \ "Handlinger \" lag, høyreklikker Frame 2 og velg \ "Sett Blank Keyframe. \"

9 Klikk Frame en av de \ "Handlinger \" lag og gå til \ "-vinduet, \" \ "Handlinger \" for å åpne Actionscript editor. Kopier-lim inn følgende Actionscript-kode:

stoppe()
GÅ
// Set Vars:
// -------------------
Var curr_dist: Antall
GÅ
Var curr_frac: Antall
GÅ
Var deceleration_coeff: Antall
GÅ
Var newposx: Number = (Stage.width / 2)
GÅ
Var currposx: Antall
GÅ
Var Område: Number = (_ root.panorama_mc._width-Stage.width) / 2
GÅ
Var currtime: Antall
GÅ
// -------------------
// Panorama Movement funksjon:
// -------------------
_root.onEnterFrame = function () {
curr_distancex = _root.panorama_mc._x-newposx; // Finn dagens x

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

GÅ
_root.onMouseMove = function () {// når musen beveger seg
currtime = getTimer ()
GÅ

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

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

15 + 5
GÅ
if (curr_dist <0) {
newposx = (Stage.width / 2) + (curr_frac range)
GÅ

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

GÅ

}
_root.currposx=_root.panorama_mc._x

GÅ
}
}
// --------------------

10 Velg Frame 2 av \ "Handlinger \" lag og kopiere-lim inn følgende Actionscript-kode:

_root.panorama_mc._x = _root.currposx;

11 Gå til \ "Control \" \ "Test Movie \" for å teste filmen. Du vil se bare den midtre delen av panoramabilde, og som du filmen musen til venstre eller høyre, vil bildet rulle med musen, og gir deg inntrykk av at du ser på bildet i 3-D.