Descarga los archivos usados en este tutorial.

• pano.class
• El folder RealSpace, que a su vez contiene los siguientes applets:
  • a.class
  • b.class
  • c.class
  • d.class
  • e.class
• depano.jpg
• depano.ivr
• depano.html

El archivo pano.class es el applet de java que genera el movimiento del panorama, auxiliado por los applets a, b, c, d y e que se encuentran el el folder RealSpace. Se debe tener cuidado al enviarlos a un servidor web como archivos binarios.

La imagen depano.jpg es el panorama en sí, creada a partir de una serie de fotografías tomadas secuencialmente desde una cámara fotográfica, montada preferentemente en un tripié, de manera que entre toma y toma quede un traslape de 20 a 30 %, y unidas con algún programa especializado, como Photovista o PanaVue.

En depano.ivr se encuentran instrucciones usadas por el applet, tales como el nombre de la imagen y el figura virtual sobre la que se mapeará, la cual puede ser cilíndrica, esférica o cúbica. En el siguiente recuadro se encuentra el archivo ivr usado en el panorama de esta página. Para reutilizarlo en tu propio panorama, selecciona todo el texto del recuadro y cópialo a Block de Notas o SimpleText. Sustituye el nombre del archivo jpg por el de tu imagen, y salva el archivo con la extensión ivr.

#VRML V2.0 utf8 EXTERNPROTO Vista [ exposedField SFString type exposedField MFNode texture exposedField MFVec2f vFov exposedField MFVec2f hFov exposedField SFVec2f pitchRange exposedField SFVec2f yawRange exposedField SFVec2f zoomRange exposedField MFColor groundColor exposedField MFFloat groundRange exposedField MFColor skyColor exposedField MFFloat skyRange eventOut SFVec2f clickPt eventOut SFVec2f overPt eventOut SFBool isBound eventIn SFBool set_bind ] "http://www.livepicture.com/proto/vistaproto15.wrl#Vista" NavigationInfo { type "VISTA" headlight FALSE } Vista { texture ImageTexture { url "depano.jpg" } type "CYLINDER" vFov -0.520 0.520 pitchRange -0.520 0.520 }

<applet name=pano code="pano.class" width=240 height=180> <param name="backgroundColor" value="0, 0, 0"> <param name="initialView" value="45, 180, 90"> <param name="file" value="depano.ivr"> <param name="autoSpin" value="5"> <param name="hotspot1" value="0, 0, 0.1, 1.0 panoh.html Vista_exterior"> </applet>

• applet name define un nombre para el applet; code, la ubicación y el nombre del applet; width y height, el tamaño de la ventana donde visualizaremos el applet.
• param define varios tipos de parámetros que modifican el comportamiento del applet. En este caso se define el color de fondo (backgroundColor) con un valor RGB de tono negro (0, 0, 0).
• initialView selecciona la vista inicial de la imagen.
• file sirve para indicar la ubicación y nombre del archivo ivr, que a su vez contiene el nombre de la imagen y el tipo de volumen sobre el que se aplicará (CYLINDER, SPHERE o CUBE).
• autoSpin indica la velocidad inicial de desplazamiento del panorama. De usarse valores negativos, se logra un giro en sentido inverso.
• hotspot permite crear áreas de hipervínculo hacia otras páginas o panoramas. Los cuatro números iniciales corresponden a los valores x y y de los vértices superior e inferior del rectángulo que forma el área activa. A continuación se indica el archivo hacia donde está dirigido el hipervínculo, y por último, una frase que aparecerá en la barra de estado, uniendo las palabras con guiones bajos