Imágenes panorámicas y en 360 º

(Máquina virtual de Java - Juegos en Java)

Vamos a construir imágenes para mejorar nuestras página web o simplemente para hacer presentaciones.
(Sitúa en ratón sobre la imagen y muévelo, hacia un lado u otro)

Pulsar aquí para verlo a Mayor tamaño.

Vamos a ver algunos ejemplos:

Si te sale éste mensaje, significa que no tienes instalada la Máquina virtual Java.
Ve a fin de página.

¿Cómo se hace?

Vamos a verlo de dos maneras:

1.- Insertando códigos en una página web
2.- Mediante un programa.

0.- Mira esto...---->>> WTC

1.- Créate una carpeta C:\mi360
2.- Copia en esa carpeta éstos tres archivos:

3.- Pulsa wtc.htm, en tu carpeta, para ver esa página.

4.- Consulta el código fuente de wtc.htm, verás esto:

<applet code = "RubberNeck.class" width=630 height=230 archive="360banner.zip"
<param name=imgs value="wtc_top11.jpg">
<param name=mapping value="cylinder">
<param name=foreColor value="255 0 0">
<param name=backColor value="0 0 0">
<param name=viewDir value=90>
<param name=speed value=5>
<param name=autoPan value="interrupt">
<param name=visibleHotspots value=false>
</applet>
 

* El archivo 360banner.zip debe estar en la misma carpeta que la página web.htm y el dibujo.jpg
   (El archivo 360banner.zip NO tienes que descomprimirlo, déjalo tal cuál.)
* En vez de: param name=imgs value="wtc_top11.jpg" puedes poner otro dibujo.jpg
* En width=630 height=230, puedes poner otras dimensiones de dibujo.
* Mediante name=speed value=5 establece la velocidad de barrido.
( 0 para pararlo - Se puede mover mediante el ratón)

Puedes obtener otros dibujos.jpg panorámicos en...:
(Copia estos dibujos en tu carpeta C:\mi360 y trabaja con ellos)

La imágenes panorámicas las podemos construir mediante un programa como veremos en el siguiente apartado.

Vamos a utilizar el programa:

Ejemplos: http://www.pixaround.com/buytry/try/index.php

Con éste programa podemos construir imágenes panorámicas y presentarlas en 360º

serccp

Lo podemos hacer de varias maneras:

* Cogiendo una imagen (Scene) panorámica.
* Cogiendo varias fotos (Images) y pegándolas (Stitcher)
* Cogiendo un Vídeo (avi).

Vamos a empezar por Scene

Bájate y descomprime éste archivo, encontrarás varias imagenes jpg de tamaño panorámico, cada uno es una Scene. (Es el mismo archivo del apartado anterior)

Abrimos el programa.
File / New project / x Scene --> Elegimos un dibujo jpg de los anteriores.

Scene type: Cylindrical
x Full Revolution (360 º)

Lo Publicamos

Como página Web (Lo guardo como cmeca.htm)

Tamaño grande 750 x 281 (Se puede poner otro, relación 2,67)

Se crearán éstos archivos.

Éstos archivos (menos el pixButton.gif) deben ir a la misma carpeta Web que la página cmeca.htm y deben ser subidos al Servidor Web si lo quieres publicar en Internet.

También puedes coger el código del cmeca.htm e insertarlo en algún lugar de tu página Web

 
<applet name="Template1" code="uPixScreen.class" archive="uPixScreen.jar" 
width=750 height=281> 
<PARAM NAME=licenseFile VALUE="_psk2.ext"> 
<PARAM NAME=customizationFile VALUE="Default.cfg"> 
<PARAM NAME=title VALUE="cdemeca01"> 
<PARAM NAME=titlePos VALUE="0"> 
<PARAM NAME=viewType VALUE="1"> 
<PARAM NAME=autoPan VALUE="yes"> 
<PARAM NAME=autoPanSpeed VALUE="10"> 
<PARAM NAME=startYaw VALUE="66"> 
<PARAM NAME=startPitch VALUE="0"> 
<PARAM NAME=startFOV VALUE="114"> 
<PARAM NAME=partialStitch VALUE="no"> 
<PARAM NAME=horFov VALUE="360"> 
<PARAM NAME=url VALUE="cdemeca01.jpg" > 
</applet> 

Vídeo

También podemos hacer un vídeo horizontal a 360º (o menos).
Ese video lo guardamos como video.avi

Abrimos el programa.
File / New project / x Video--> Elegimos el vídeo.avi anterior.

Ejecutamos el vídeo, Marcamos la imagen inicial (Mark in), dejamos que evolucione el vídeo, Marcamos la imagen final (Mark Out). Le damos a OK.
Obtendremos automáticamente una serie de imagenes de los puntos elegidos del vídeo.

Podemos hacer una imagen Plana (Flat) y luego a partir de ésta una Cilíndrica (Cylindrical).
Luego unimos las imagenes obtenidas para que se cree la panorámica.

.

Después publicamos (Creamos) el montaje.

La publicación la podemos hacer en una página web, en un archivo ejecutable .exe, protector de pantalla, etc..

Imágenes

También con una cámara de fotos, podemos tomar imágenes de un paisaje en 360º (o menos) y luego Unir (Coser-Stitch) esas imágenes para crear una sóla panorámica.
Es conveniente que cada imagen solape a la anterior y posterior unos 10º

Abrimos el programa.
File / New project / x Images --> Elegimos las imágenes.

El programa tiene más posibilidades que puedes estudiar.

Puedes hacer un alineamiento manual:

El Hotspot es crear con un icono, un punto o varios lugares en la imágen de manera que el pulsar cada uno de esos puntos irás a otras imágenes. No es preciso utilizar ésta opción.

Puedes ver algunos ejemplos en:

Aún puedes subir a las Torres Gemelas WTC:
http://www.everent.com/360/PosterProject/WTCTour.asp
http://www.360dof.com/gallery_item.html?newsletters/20010915/20010915w.htm

WTC

Más imágenes (El Escorial, Acueducto, Sagrada Familia...) :
http://www.artdaily.com/links.asp?idl=24

Varios ejemplos:
http://www.empromotion.com/Merchant2/merchant.mv

Matamoros:
http://www.matamoros.com/triple-h/recorridos/obregon/index.htm

Londres:
http://www.londonbyclick.com/VT/INDEX.CFM

Home tour:
http://media.homestore.com/A6SMSR9T-6.htm

Real Tour
http://www.realtourvision.com/#

Más ejemplos:
http://www.360dof.com/panoramic-scene-gallery.html

Hay varias aplicaciones que pueden crear éste tipo de imágenes:

Ulead Cool 360: http://www.ulead.com/cool360/runme.htm

Flash 360: http://www.360dof.com/360-flash-panorama-viewer.html

Real view: http://www.realview3d.com/html/realview_360_pro.html

Panorama viewer 360: http://www.360dof.com/panorama-viewer/

También hay cámaras fotográficas que hacen una toma de 360º con un sólo disparo:
http://www.usee.net/English/products-Esp.htm
http://www.panosmart.com/esp/logiciel_photo_360.htm
http://www.realtourvision.com/URCS.asp

Hay muchos ejemplos y aplicaciones de éste tipo en Internet. Ve a google y escribe:
360
360 software
360 garden virtual

Máquina virtual Java

La Maquina virtual Java la componen una serie de archivos creados por la empresa SUN, para poder ver aplicaciones creadas por programadores que utilizan ésta tecnología.
Juegos, algunos Bancos, gráficos matemáticos, oficinas institucionales,.... utilizan Java en sus páginas web. Es parecido al Flash.

Microsoft y SUN han tenido problemas de entendimiento sobre el uso y propiedad de éste sistema.

Actualmente han llegado a un acuerdo hasta finales de 2004 para que en los sistemas de Windows se pueda implementar fácilmente los códigos Java. Artículo

Más información sobre Java:
http://www.elrincondelprogramador.com/default.asp?pag=secciones/java/java.asp

Es normal que los ordenadores tengan instalados los siguientes Plug-in:
* Máquina virtual de Java, * RealOne Player * Flash

¿Mi ordenador tiene Java?

En XP:        Inicio/Ejecutar/cmd
En W98:     Inicio/Ejecutar/command
y escribe jview
Si te sale: "jview" no se reconoce como un comando interno, externo................ NO tienes JAVA
Si te sale: Cargador de líneas de comandos de Microsoft para Java versión 5... SÍ tienes JAVA

¿Cómo puedo instalar JAVA?

Primero lo intentas desde aquí: (Parece que ocupa menos Megas: 8,6 MB)
http://java.sun.com/products/javawebstart/download-windows.html
(Full Package International 8,6 MB --> Continue ----> Accept)

Si no te funciona, ve directamente a la página de SUN.

http://www.java.com/es/download/windows_automatic.jsp y pulsar

Cuando te salga la siguiente ventana pulsa "Sí".

Esto no es un Dialer, es un Plug-in de la empresa Sun Microsystems, Inc. que lo tienen instalado muchos ordenadores. Antes, Windows lo instalaba por defecto, pero como tuvo problemas con SUN, le ordenaron que lo quitara, ahora han llegado a un acuerdo.
Ver acuerdo: http://www.microsoft.com/mscorp/java/

¿Se puede desinstalar Java?

Sí. Panel de control / Agregar o quitar programas / Quitar Java

Juegos en Java

Una vez que tienes instalada la Máquina virtual Java (JVM) puedes entrar en páginas de juegos on-line que utilizan ésta tecnología:

http://www.tammyyee.com/keiki_page/javascript_games/checkers_/checkers.html

http://www.vietfun.com/games/lsPong/

http://virtualgravy.com/vggames.htm

http://www.g5.dk/bilspil/cargame.asp Saca el coche rojo del garaje (EXIT)

http://virtualsites.ezthemes.com/software/index.php?catid=m_2

Ya que estamos con los juegos, aquí puedes encontrar juegos on-line pero en ésta caso de Flash:

http://www.nosdivertimos.com/juegos/online5.asp

http://www.active-gaming.com/sports/sketchy/index.php