Tecnología

Inicio

Cómo crear una panorámica Vista 3-D en Flash 8

Cómo crear una panorámica Vista 3-D en Flash 8


Con una imagen panorámica, Flash puede construir la ilusión de un espacio 3-D, que permite al usuario mirar a su alrededor en todas las direcciones, como si estuviera realmente de pie en el lugar donde se tomó la fotografía y mirando a su alrededor. Este efecto puede ser muy útil para los desarrolladores que desean los usuarios de su sitio web para tener una experiencia de inmersión en 3-D. El uso de máscaras y ActionScript, la imagen panorámica de su elección se puede desplazar de forma interactiva a través cuando el ratón se mueve a través de la imagen.

Instrucciones

1 Crear un nuevo archivo de Flash haciendo clic en \ "Nuevo, \" \ "Archivo Flash (ActionScript 2.0) \" y haciendo clic en \ "Aceptar \".

2 Haga clic en \ "Modificar, \" \ "documento \", y darle a su documento \ "550 \" por \ dimensiones en píxeles "300 \", haga clic en \ "Aceptar \".

3 Crear las dos capas siguientes utilizando la \ "Nueva capa \" botón en la esquina inferior izquierda de la línea de tiempo: \ "acciones \" y \ ". Panorama \"

4 Seleccione el fotograma 1 de la capa de la panorámica. Importe su imagen panorámica haciendo clic en \ "Archivo \" \ "Importar, \" \ "Importar a escenario ..., \" y la elección de su imagen. A continuación, haga clic en la imagen importada y seleccione \ "Convertir en símbolo. \" Llamar el símbolo \ "Panorama \" y haga clic en el cuadrado del medio en la sección "Registro de \" \, a continuación, haga clic en \ "Aceptar \".

5 Haga clic en la imagen en movimiento panorámico y vaya a \ "Ventana, \" \ "Propiedades \" para abrir la ventana de propiedades. Tipo de \ "panorama_mc \" donde dice \ "<Nombre de instancia> \" en la ventana Propiedades.

6 La posición de su imagen panorámica de modo que la fase se centra en el centro de la misma. Su imagen debe extenderse más allá de los límites de la etapa, tanto en su altura y anchura.

7 Seleccione el fotograma 2, tanto en las acciones \ "\" y \ "Capas Panorama \" haciendo clic y arrastrando sobre ambos marcos. Haga clic derecho en la selección y elija \ "Insertar marco. \"

8 En el \ "acciones \" de la capa, haga clic en el fotograma 2 y seleccione \ "Insertar fotograma clave en blanco. \"

9 Haga clic en el fotograma 1 de las acciones \ "\" capa e ir a \ "de la ventana, \" \ "\" Acciones para abrir el editor de ActionScript. Copiar y pegar el siguiente código ActionScript:

detener()
IR
// establecer Vars:
// -------------------
var curr_dist: Número
IR
var curr_frac: Número
IR
var deceleration_coeff: Número
IR
var newposx: Number = (Stage.width / 2)
IR
var currposx: Número
IR
gama var: Number = (_ root.panorama_mc._width-Stage.width) / 2
IR
var currtime: Número
IR
// -------------------
// función Movimiento Panorama:
// -------------------
_root.onEnterFrame = function () {
curr_distancex = _root.panorama_mc._x-newposx; // Encuentra la x corriente

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

IR
_root.onMouseMove = function () {// Cuando el ratón se mueve
currtime = getTimer ()
IR

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

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

15 + 5
IR
si (curr_dist <0) {
newposx = (Stage.width / 2) + (rango curr_frac)
IR

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

IR

}
_root.currposx=_root.panorama_mc._x

IR
}
}
// --------------------

10 Seleccione el fotograma 2 de la \ "\" acciones capa y copiar y pegar el siguiente código ActionScript:

_root.panorama_mc._x = _root.currposx;

11 Vaya a \ "Control, \" \ "Probar película \" para probar la película. Sólo verá la parte media de la imagen panorámica, y como película el puntero del ratón hacia la izquierda o la derecha, la imagen se desplazará con el ratón, le da la impresión de que está viendo la imagen en 3-D.