SlideShare una empresa de Scribd logo
1 de 45
Descargar para leer sin conexión
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
VRMLVRML
Stephenson Prieto
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Es un Lenguaje para Modelado de Realidad Virtual que
genera formatos de archivo normalizado que tiene como
objetivo la representación de gráficos interactivos
tridimensionales; diseñado particularmente para su
empleo en la web. Consiste en un formato de fichero de
texto en el que se especifican los vértices y las aristas de
cada polígono tridimensional, además del color de su
superficie. Es posible asociar direcciones web a los
componentes gráficos así definidos, de manera que el
usuario pueda acceder a una página web o a otro fichero
VRML de Internet cada vez que pique en el componente
gráfico en cuestión.
VRML
Por Stephenson Prieto
Virtual Reality Modeling Language
(Lenguaje para Modelado de Realidad Virtual)
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El VRML se crea partiendo de un lenguaje desarrollado
por la Silicon Graphics el Open Inventor que fue un
sistema cuyo objetivo era crear un lenguaje gráfico con
múltiples capacidades, que permitiese a los
programadores elaborar ambientes realistas en tercera
dimensión, con un mínimo de conocimientos sobre
programación de gráficas computacionales. Sin embargo
entre Open Inventor y VRML hay una gran diferencia,
además de una mayor flexibilidad este último tiene ciertas
características que lo hacen compatible con Internet.
Orígenes de VRML
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Este curso se propone introducirnos en el mundo de la
Programación de Mundos Virtuales, a través de un
lenguaje como el VRML (Virtual Reality Modeling
Language) o sea Lenguaje para la Modelación de
Realidad Virtual.
Corresponde que lo definamos como un lenguaje de
descripción de escenas y no de Programación, ya que se
acerca más al HTML que a otros Lenguajes como el
Java, Visual Basic, C++ , ente otros.
De por si el VRML no responde a eventos, sino que lo
hará como el HTML a través de convocar a otros
lenguajes, como por ejemplo el Javascript.
Utilizaremos la versión 2.0 que permite una mayor
estandarización.
Objetivos del Curso
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
¿Que necesitaremos?
- Un Navegador de Internet.
- Un Plugin (para Visualizar Mundos Virtuales).
- Un Editor de Texto.
En la siguiente dirección podrá conseguir plugin para distintos navegadores http://cic.nist.gov/vrml/vbdetect.html
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
La base del VRML son los Nodos (el elemento básico).Todo lo que ocurre en VRML sucede en un Nodo.
Estos nodos tienen un nombre que los identifica como Box, Sphere, Coordinate, Shape...
Los Nodos
Entre la llave abierta y la llave que cierra este bloque de código se definen los campos (fields) del nodo.
Nodo { }
El nombre de un Nodo siempre comienza
con una mayúscula, seguido de un espacio
y luego una llave que abre.
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El encabezado es obligatorio, si bien el numeral se usa para los comentarios, en el caso de la primera línea es
una excepción, y será leída por el navegador para identificar y reconocer a este archivo como un legítimo mundo
virtual, la versión también debe aclararse y utf8 hace referencia al juego de caracteres internacionales (universal
text format in 8 bits).
Este encabezado va a compañar todos los ejercicios que hagamos.
El Encabezado
Los archivos deben ser
guardados con la extensión
.WRL
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Las Figuras Primitivas
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El nodo Shape es el nodo figura que posee el campo geometry que se refiere a la geometría de la figura que
pueden ser esférica, cúbica, cónica o cilíndrica a estas se les llama Figuras Primitivas.
Las Figuras Primitivas
Las figuras primitivas son:
•Esfera.
•Caja.
•Cono.
•Cilindro.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
La Esfera y sus Campos
Campos del Nodo Sphere:
•radius (define el radio de la Circunferencia).
Recuerde que VRML es
sensible a las Mayúsculas y
minúsculas
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El Cubo y sus Campos
Campos del Nodo Box:
•size (define el tamaño de la figura).
Los tres números del
campo corresponden a los
ejes X, Y y Z.
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El Cono y sus Campos
Campos del Nodo Cone:
•bottonRadius (define el radio de la base).
•height (define la altura).
•side (define si el cuerpo de la figura será visible).
•botton (define parte inferior será visible).
Recuerde que:
•TRUE es igual a Verdadero
•FALSE es igual a Falso
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
El Cilindro y sus Campos
Campos del Nodo Cylinder:
•radius (define el radio del cilindro).
•height (define la altura).
•side (define si el cuerpo de la figura será visible).
•side (define parte superior será visible).
•botton (define parte inferior será visible).
Recuerde que VRML es
sensible a las Mayúsculas y
minúsculas
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Cambios de Apariencia
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Ya vimos las cuatro formas primitivas que posee VRML.
El nodo Shape tiene otro campo además del geometry, es el campo appearance que a su vez convoca al
nodo Appearance.
El nodo Appearance posee unos campos con los que se les puede dar color y textura a las figuras
obteniendo así una visión mas realista de nuestro mundo virtual.
La Apariencia
Para modificar la apariencia de
un Material se puede cambiar
el color o la textura.
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Cambios de Apariencia: Color
Dentro del nodo Appearance el campo material convoca al nodo Material y este nodo posee los campos
para aplicar el color.
Campos del Nodo Material:
•diffuseColor (difuminar color).
•emissiveColor (color de emisión).
•shininess (brillantez).
•transparency (transparencia).
•specularColor (reflejos).
Los Colores estan Expresados
en RGB donde:
•El Primer número al Rojo.
•El Segundo número al Verde.
•El Tercer número al Azul¡ !
Atención
No es necesario utilizar todos
los campos a la vez.
Los Valores numéricos estan
entre 0 y 1¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Aparte de aplicarle color a una figura por medio del nodo Material también se le puede aplicar una textura.
El nodo Appearance posee el campo texture que convoca al nodo ImageTexture, este nodo tiene el campo
url, su valor será la ruta de la imagen que usaremos, si la imagen esta en el mismo directorio solo hay que
colocar el nombre del archivo con su extensión.
Cambios de Apariencia: Textura
Campos del Nodo ImageTexture:
•url (ubicación de la imagen).
La Imagen debe poseer la
extensión GIF o JPG.
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Cambios de Apariencia: Textura
Campos del Nodo MovieTexture:
•loop (Repetición).
•speed (Velocidad).
•url (ubicación del video).
Dentro del nodo Appearance posee el campo texture también puede convocar al nodo MovieTexture, para
colocar un archivo de video como textura de la imagen.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Transformaciones
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Las transformaciones se logran a través del nodo Transform, primero se coloca el nodo Transform, luego
se agrupa el conjunto de objetos a transformar y posteriormente se coloca el campo de transformación.
Las opciones de transformación pueden ser :
Transformaciones
Children es el campo utilizado para el agrupamiento, crea una especie de relación
padre-hijo entre los objetos que contiene el campo y el tratamiento que se les quiera dar.
El campo children es un campo especial, ya que contiene una lista de nodos y campos
que son tratados como un todo. Usa corchetes como delimitadores.
Agrupamiento
•Traslación.
•Rotación.
•Escala.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Transformaciones: Traslación
Los tres números del
campo corresponden a los
ejes X, Y y Z.
¡ !
Atención
Notese que en el Ejemplo la esfera se desplazó 3 espacios
a la derecha, de no haber sido así se hubiese superpuesto
con el cubo.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Transformaciones: Rotación
Aquí vemos cuatro valores, los tres primeros se
corresponden a las tres coordenadas y pueden tener el
valor 0 ó 1 y representan la rotación alrededor de cada
eje en el orden x, y, z. Es decir:
La cuarta cifra representa el ángulo girado, pero expresado en radianes.
•Rotación sobre el eje X = 1 0 0
•Rotación sobre el eje Y = 0 1 0
•Rotación sobre el eje Z = 0 0 1
Para calcular la correspondencia entre grados y radianes,
hay que tener en cuenta que 180º equivalen al número pi en
radianes, es decir 3.14 radianes. Por tanto, 90º sería la
mitad de 3.14 o sea 1.57 radianes.¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Transformaciones: Escala
Los valores del campo scale representan las variaciones de las
dimensiones del objeto con respecto a los ejes x, y, z.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Reciclaje de Objetos
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
DEF y USE
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Colores e Imágenes de
Fondo
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
BackGround
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
BackGround
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
WallPaper
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Manejo de Texto
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
En nuestro mundo virtual a veces necesitaremos utilizar textos informativos, carteles, comentarios, entre
otros. para este fin se utiliza el nodo Text.
El nodo Text va incrustado dentro del nodo Shape y es convocado por el campo geometry.
Manejo de Texto
Campos del Nodo Text:
•String (Cadena de Texto).
•fontStyle (Estilo de Fuente).
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Manejo de Texto
Uso del campo string, el texto que se expondrá
va entre comillas y para forzar un salto de línea
se deberá usar las comas.
El color del texto se define con los
campos del nodo Material como si
se tratara de una figura primitiva.
¡ !
Atención
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
fontStyle
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Manejo de Sonido
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Sonido
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Vinculando mundos
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Teletransportación
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Linkeado
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Animación
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Animación
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Animación
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Animación
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Esto ha sido todo por ahora
Ya tienes el conocimiento básico,
el resto depende de que tanto
profundices en ello y en tu
imaginación para ponerlos en
práctica.
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
HastaHasta
Pronto !!!Pronto !!!
Programación 3D y Modelado
de Realidad Virtual para
Internet con VRML Por Stephenson Prieto
Taller preparado por
Stephenson Prieto
Basado en el excelente “CURSO DE VRML 2.0” de la Licenciada Mirta Echeverría
http://www.lawebdelprogramador.com/cursos/vrml/vrml_1.php

Más contenido relacionado

Destacado

Escuela superior politecnica de chimborazo
Escuela superior politecnica de chimborazoEscuela superior politecnica de chimborazo
Escuela superior politecnica de chimborazojinmar
 
La Accesibilidad Web es posible: Viviana fonseca
La Accesibilidad Web es posible: Viviana fonsecaLa Accesibilidad Web es posible: Viviana fonseca
La Accesibilidad Web es posible: Viviana fonsecainfounlp
 
2015: Importa el rendimiento de en una pagina web?
2015: Importa el rendimiento de en una pagina web? 2015: Importa el rendimiento de en una pagina web?
2015: Importa el rendimiento de en una pagina web? Hamaca Web
 
La Accesibilidad Web es posible: Maria innaro
La Accesibilidad Web es posible: Maria innaroLa Accesibilidad Web es posible: Maria innaro
La Accesibilidad Web es posible: Maria innaroinfounlp
 
Pasapalabra 6º primaria
Pasapalabra 6º primariaPasapalabra 6º primaria
Pasapalabra 6º primariapilareli
 
Emprendimiento yenni y dani 9c
Emprendimiento yenni y dani 9cEmprendimiento yenni y dani 9c
Emprendimiento yenni y dani 9cAlexa Giraldo
 
Caracterización de los profesionales
Caracterización de los profesionalesCaracterización de los profesionales
Caracterización de los profesionalesdaniel91100
 
La alimentación
La alimentaciónLa alimentación
La alimentaciónAlon27
 
Tecnicas de masajes
Tecnicas de masajesTecnicas de masajes
Tecnicas de masajestele masajes
 
Economia o d
Economia o  dEconomia o  d
Economia o dAndrexD3
 

Destacado (20)

Escuela superior politecnica de chimborazo
Escuela superior politecnica de chimborazoEscuela superior politecnica de chimborazo
Escuela superior politecnica de chimborazo
 
La familia
La familiaLa familia
La familia
 
La Accesibilidad Web es posible: Viviana fonseca
La Accesibilidad Web es posible: Viviana fonsecaLa Accesibilidad Web es posible: Viviana fonseca
La Accesibilidad Web es posible: Viviana fonseca
 
Trab col 2- grupo 16
Trab col 2- grupo 16Trab col 2- grupo 16
Trab col 2- grupo 16
 
2015: Importa el rendimiento de en una pagina web?
2015: Importa el rendimiento de en una pagina web? 2015: Importa el rendimiento de en una pagina web?
2015: Importa el rendimiento de en una pagina web?
 
La Accesibilidad Web es posible: Maria innaro
La Accesibilidad Web es posible: Maria innaroLa Accesibilidad Web es posible: Maria innaro
La Accesibilidad Web es posible: Maria innaro
 
Madrid 1955
Madrid 1955Madrid 1955
Madrid 1955
 
Ensayo y tarea # 11
Ensayo y tarea # 11Ensayo y tarea # 11
Ensayo y tarea # 11
 
Valle tempisque2
Valle tempisque2Valle tempisque2
Valle tempisque2
 
Pasapalabra 6º primaria
Pasapalabra 6º primariaPasapalabra 6º primaria
Pasapalabra 6º primaria
 
Elementos maniaristas
Elementos maniaristasElementos maniaristas
Elementos maniaristas
 
Emprendimiento yenni y dani 9c
Emprendimiento yenni y dani 9cEmprendimiento yenni y dani 9c
Emprendimiento yenni y dani 9c
 
Caracterización de los profesionales
Caracterización de los profesionalesCaracterización de los profesionales
Caracterización de los profesionales
 
La alimentación
La alimentaciónLa alimentación
La alimentación
 
Tecnicas de masajes
Tecnicas de masajesTecnicas de masajes
Tecnicas de masajes
 
Economia o d
Economia o  dEconomia o  d
Economia o d
 
1er foro de egresados
1er foro de egresados1er foro de egresados
1er foro de egresados
 
Practica 8
Practica 8Practica 8
Practica 8
 
Balance general
Balance generalBalance general
Balance general
 
Polimeros
PolimerosPolimeros
Polimeros
 

Similar a Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-1201471727351741-3

Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...
Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...
Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...Abrilo Caceres Rojas
 
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0Stephenson Prieto
 
Vraytotalmanual 111203073025-phpapp01
Vraytotalmanual 111203073025-phpapp01Vraytotalmanual 111203073025-phpapp01
Vraytotalmanual 111203073025-phpapp01EDDYCUMBICUS
 
Imagen digital
Imagen digitalImagen digital
Imagen digitalyaizal98
 
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.steffyp99
 
Origenes de las hojas de calculo
Origenes de las hojas de calculoOrigenes de las hojas de calculo
Origenes de las hojas de calculoMigdaly Chirinos
 
Origenes de las hojas de calculo
Origenes de las hojas de calculoOrigenes de las hojas de calculo
Origenes de las hojas de calculoMigdaly Chirinos
 
Adobe flash genial! haha
Adobe flash genial! hahaAdobe flash genial! haha
Adobe flash genial! haharubenmarin17
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 dmacepava2222
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 dmacepava2222
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 dmacepava2222
 
Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8Kriztian Murzia
 
REGLA Y COMPAS por SONIA ORDOÑEZ
REGLA Y COMPAS por SONIA ORDOÑEZREGLA Y COMPAS por SONIA ORDOÑEZ
REGLA Y COMPAS por SONIA ORDOÑEZsonorco
 

Similar a Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-1201471727351741-3 (20)

Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...
Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...
Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-12014...
 
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0
Programación 3D y Modelado de Realidad Virtual para Internet con VRML 2.0
 
Vray total manual
Vray total manualVray total manual
Vray total manual
 
Vraytotalmanual 111203073025-phpapp01
Vraytotalmanual 111203073025-phpapp01Vraytotalmanual 111203073025-phpapp01
Vraytotalmanual 111203073025-phpapp01
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.
SOFTWARE EDUCATIVO DE CALCULO DE ÀREAS EN GAMBAS.
 
Mundos virtuales
Mundos virtualesMundos virtuales
Mundos virtuales
 
Origenes de las hojas de calculo
Origenes de las hojas de calculoOrigenes de las hojas de calculo
Origenes de las hojas de calculo
 
cap10.pdf
cap10.pdfcap10.pdf
cap10.pdf
 
Origenes de las hojas de calculo
Origenes de las hojas de calculoOrigenes de las hojas de calculo
Origenes de las hojas de calculo
 
Diplomado Web 2
Diplomado Web 2Diplomado Web 2
Diplomado Web 2
 
Adobe flash genial! haha
Adobe flash genial! hahaAdobe flash genial! haha
Adobe flash genial! haha
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 d
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 d
 
Que es un net logo en 3 d
Que es un net logo en 3 dQue es un net logo en 3 d
Que es un net logo en 3 d
 
proyecto 3
proyecto 3 proyecto 3
proyecto 3
 
Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8
 
REGLA Y COMPAS por SONIA ORDOÑEZ
REGLA Y COMPAS por SONIA ORDOÑEZREGLA Y COMPAS por SONIA ORDOÑEZ
REGLA Y COMPAS por SONIA ORDOÑEZ
 
Historia de flahs1
Historia de flahs1Historia de flahs1
Historia de flahs1
 
Historia de flahs1
Historia de flahs1Historia de flahs1
Historia de flahs1
 

Programacin 3d-y-modelado-de-realidad-virtual-para-internet-con-vrml-20-1201471727351741-3

  • 1. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto VRMLVRML Stephenson Prieto
  • 2. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Es un Lenguaje para Modelado de Realidad Virtual que genera formatos de archivo normalizado que tiene como objetivo la representación de gráficos interactivos tridimensionales; diseñado particularmente para su empleo en la web. Consiste en un formato de fichero de texto en el que se especifican los vértices y las aristas de cada polígono tridimensional, además del color de su superficie. Es posible asociar direcciones web a los componentes gráficos así definidos, de manera que el usuario pueda acceder a una página web o a otro fichero VRML de Internet cada vez que pique en el componente gráfico en cuestión. VRML Por Stephenson Prieto Virtual Reality Modeling Language (Lenguaje para Modelado de Realidad Virtual)
  • 3. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El VRML se crea partiendo de un lenguaje desarrollado por la Silicon Graphics el Open Inventor que fue un sistema cuyo objetivo era crear un lenguaje gráfico con múltiples capacidades, que permitiese a los programadores elaborar ambientes realistas en tercera dimensión, con un mínimo de conocimientos sobre programación de gráficas computacionales. Sin embargo entre Open Inventor y VRML hay una gran diferencia, además de una mayor flexibilidad este último tiene ciertas características que lo hacen compatible con Internet. Orígenes de VRML
  • 4. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Este curso se propone introducirnos en el mundo de la Programación de Mundos Virtuales, a través de un lenguaje como el VRML (Virtual Reality Modeling Language) o sea Lenguaje para la Modelación de Realidad Virtual. Corresponde que lo definamos como un lenguaje de descripción de escenas y no de Programación, ya que se acerca más al HTML que a otros Lenguajes como el Java, Visual Basic, C++ , ente otros. De por si el VRML no responde a eventos, sino que lo hará como el HTML a través de convocar a otros lenguajes, como por ejemplo el Javascript. Utilizaremos la versión 2.0 que permite una mayor estandarización. Objetivos del Curso
  • 5. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto ¿Que necesitaremos? - Un Navegador de Internet. - Un Plugin (para Visualizar Mundos Virtuales). - Un Editor de Texto. En la siguiente dirección podrá conseguir plugin para distintos navegadores http://cic.nist.gov/vrml/vbdetect.html
  • 6. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto La base del VRML son los Nodos (el elemento básico).Todo lo que ocurre en VRML sucede en un Nodo. Estos nodos tienen un nombre que los identifica como Box, Sphere, Coordinate, Shape... Los Nodos Entre la llave abierta y la llave que cierra este bloque de código se definen los campos (fields) del nodo. Nodo { } El nombre de un Nodo siempre comienza con una mayúscula, seguido de un espacio y luego una llave que abre. ¡ ! Atención
  • 7. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El encabezado es obligatorio, si bien el numeral se usa para los comentarios, en el caso de la primera línea es una excepción, y será leída por el navegador para identificar y reconocer a este archivo como un legítimo mundo virtual, la versión también debe aclararse y utf8 hace referencia al juego de caracteres internacionales (universal text format in 8 bits). Este encabezado va a compañar todos los ejercicios que hagamos. El Encabezado Los archivos deben ser guardados con la extensión .WRL ¡ ! Atención
  • 8. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Las Figuras Primitivas
  • 9. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El nodo Shape es el nodo figura que posee el campo geometry que se refiere a la geometría de la figura que pueden ser esférica, cúbica, cónica o cilíndrica a estas se les llama Figuras Primitivas. Las Figuras Primitivas Las figuras primitivas son: •Esfera. •Caja. •Cono. •Cilindro.
  • 10. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto La Esfera y sus Campos Campos del Nodo Sphere: •radius (define el radio de la Circunferencia). Recuerde que VRML es sensible a las Mayúsculas y minúsculas ¡ ! Atención
  • 11. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El Cubo y sus Campos Campos del Nodo Box: •size (define el tamaño de la figura). Los tres números del campo corresponden a los ejes X, Y y Z. ¡ ! Atención
  • 12. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El Cono y sus Campos Campos del Nodo Cone: •bottonRadius (define el radio de la base). •height (define la altura). •side (define si el cuerpo de la figura será visible). •botton (define parte inferior será visible). Recuerde que: •TRUE es igual a Verdadero •FALSE es igual a Falso ¡ ! Atención
  • 13. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto El Cilindro y sus Campos Campos del Nodo Cylinder: •radius (define el radio del cilindro). •height (define la altura). •side (define si el cuerpo de la figura será visible). •side (define parte superior será visible). •botton (define parte inferior será visible). Recuerde que VRML es sensible a las Mayúsculas y minúsculas ¡ ! Atención
  • 14. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Cambios de Apariencia
  • 15. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Ya vimos las cuatro formas primitivas que posee VRML. El nodo Shape tiene otro campo además del geometry, es el campo appearance que a su vez convoca al nodo Appearance. El nodo Appearance posee unos campos con los que se les puede dar color y textura a las figuras obteniendo así una visión mas realista de nuestro mundo virtual. La Apariencia Para modificar la apariencia de un Material se puede cambiar el color o la textura. ¡ ! Atención
  • 16. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Cambios de Apariencia: Color Dentro del nodo Appearance el campo material convoca al nodo Material y este nodo posee los campos para aplicar el color. Campos del Nodo Material: •diffuseColor (difuminar color). •emissiveColor (color de emisión). •shininess (brillantez). •transparency (transparencia). •specularColor (reflejos). Los Colores estan Expresados en RGB donde: •El Primer número al Rojo. •El Segundo número al Verde. •El Tercer número al Azul¡ ! Atención No es necesario utilizar todos los campos a la vez. Los Valores numéricos estan entre 0 y 1¡ ! Atención
  • 17. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Aparte de aplicarle color a una figura por medio del nodo Material también se le puede aplicar una textura. El nodo Appearance posee el campo texture que convoca al nodo ImageTexture, este nodo tiene el campo url, su valor será la ruta de la imagen que usaremos, si la imagen esta en el mismo directorio solo hay que colocar el nombre del archivo con su extensión. Cambios de Apariencia: Textura Campos del Nodo ImageTexture: •url (ubicación de la imagen). La Imagen debe poseer la extensión GIF o JPG. ¡ ! Atención
  • 18. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Cambios de Apariencia: Textura Campos del Nodo MovieTexture: •loop (Repetición). •speed (Velocidad). •url (ubicación del video). Dentro del nodo Appearance posee el campo texture también puede convocar al nodo MovieTexture, para colocar un archivo de video como textura de la imagen.
  • 19. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Transformaciones
  • 20. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Las transformaciones se logran a través del nodo Transform, primero se coloca el nodo Transform, luego se agrupa el conjunto de objetos a transformar y posteriormente se coloca el campo de transformación. Las opciones de transformación pueden ser : Transformaciones Children es el campo utilizado para el agrupamiento, crea una especie de relación padre-hijo entre los objetos que contiene el campo y el tratamiento que se les quiera dar. El campo children es un campo especial, ya que contiene una lista de nodos y campos que son tratados como un todo. Usa corchetes como delimitadores. Agrupamiento •Traslación. •Rotación. •Escala.
  • 21. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Transformaciones: Traslación Los tres números del campo corresponden a los ejes X, Y y Z. ¡ ! Atención Notese que en el Ejemplo la esfera se desplazó 3 espacios a la derecha, de no haber sido así se hubiese superpuesto con el cubo.
  • 22. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Transformaciones: Rotación Aquí vemos cuatro valores, los tres primeros se corresponden a las tres coordenadas y pueden tener el valor 0 ó 1 y representan la rotación alrededor de cada eje en el orden x, y, z. Es decir: La cuarta cifra representa el ángulo girado, pero expresado en radianes. •Rotación sobre el eje X = 1 0 0 •Rotación sobre el eje Y = 0 1 0 •Rotación sobre el eje Z = 0 0 1 Para calcular la correspondencia entre grados y radianes, hay que tener en cuenta que 180º equivalen al número pi en radianes, es decir 3.14 radianes. Por tanto, 90º sería la mitad de 3.14 o sea 1.57 radianes.¡ ! Atención
  • 23. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Transformaciones: Escala Los valores del campo scale representan las variaciones de las dimensiones del objeto con respecto a los ejes x, y, z.
  • 24. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Reciclaje de Objetos
  • 25. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto DEF y USE
  • 26. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Colores e Imágenes de Fondo
  • 27. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto BackGround
  • 28. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto BackGround
  • 29. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto WallPaper
  • 30. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Manejo de Texto
  • 31. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto En nuestro mundo virtual a veces necesitaremos utilizar textos informativos, carteles, comentarios, entre otros. para este fin se utiliza el nodo Text. El nodo Text va incrustado dentro del nodo Shape y es convocado por el campo geometry. Manejo de Texto Campos del Nodo Text: •String (Cadena de Texto). •fontStyle (Estilo de Fuente).
  • 32. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Manejo de Texto Uso del campo string, el texto que se expondrá va entre comillas y para forzar un salto de línea se deberá usar las comas. El color del texto se define con los campos del nodo Material como si se tratara de una figura primitiva. ¡ ! Atención
  • 33. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto fontStyle
  • 34. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Manejo de Sonido
  • 35. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Sonido
  • 36. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Vinculando mundos
  • 37. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Teletransportación
  • 38. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Linkeado
  • 39. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Animación
  • 40. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Animación
  • 41. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Animación
  • 42. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Animación
  • 43. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Esto ha sido todo por ahora Ya tienes el conocimiento básico, el resto depende de que tanto profundices en ello y en tu imaginación para ponerlos en práctica.
  • 44. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto HastaHasta Pronto !!!Pronto !!!
  • 45. Programación 3D y Modelado de Realidad Virtual para Internet con VRML Por Stephenson Prieto Taller preparado por Stephenson Prieto Basado en el excelente “CURSO DE VRML 2.0” de la Licenciada Mirta Echeverría http://www.lawebdelprogramador.com/cursos/vrml/vrml_1.php