Blog de Diego Arturo Hernández Fuentes
Curso de introducción a VRML
En este caso les mostrare una pequeño introducción a un curso de virtualización en 3D con la herramienta
llamado VRML.
Para este curso se necesita descargar estos programas para estas visualizaciones en 3D:
Cortona 3D: Este simple programa te permite visulizar tu codigo vrml para observar tus resultados.
Para descargar este programa necesitas ir a este Sitio.
Cuando ingresas a esta página tiene que aparecer esto.
Dale clic en Install Corona Viewer.- A continuación aparecerá otra ventana, en donde dice las especificaciones que debe tener tu equipo, se puede observar que no necesitas tanta configuración.
- Puede descargar este visualizador para Sistemas Operatvo Windows para diferente arquitectura (32 y 64 btis).
Para visualizar tus diseños solo necesitas tener un navegador web. Desde Internet Explorer, Google Chrome, Mozilla Firefox, Safari y Opera.Un ejemplo sencillo para introducirlos a este pequeño curso de diseñ es de un cilindro.
#VRML V2.0 utf8
# Un cilindro
Shape {
appearance Appearance {
material Material {}
}
geometry Cylinder {
height 2.0
radius 1.5
}
}
Como se ha visto en este código
En este código se puede explicar todo acerca de la sintaxis que maneja WRML: La primera línea significa que va utlizar la version 2.0 (actual) de VRML con la codificación de caracteres Unicode UTF8, que maneja México. No se cuál es la codificación de caracteres Unicode que maneja tu país.
En la segunda línea se observa este caracter: #. El símbolo del gato significa comentario. Solo puedes hacer un comentario por línea. Por ejemplo
#Este es un
comentario
Cuando ejecutes tu codigo con estas líneas va a salir un error, entonces para corregir ese error tienes que modificarlo, ya sea:
#Este es un
#comentario
o
#Este es un comentario
En la tercera línea está la palabra reservada Shape que significa que es un nodo, y que además representa un bloque de construcción del mundo VRML, se describe por:
- Forma geométrica, con la palabra reservada geometry.
- Una apariencia, con la palabra reservada appearance.
Entonces, la siguiente línea significa que va a crear una nueva apariencia que en la sección de geometry se va a encargar de realizarlo. En nuestro ejemplo se ve a un lado de la palabra reservada geometry otra palabra reservada: Cylinder, que es una primitiva que va a crear una figura geométrica representadas por los nodos de geometría como la caja, el cono, la esfera y, en este caso un cilindro. Abajo se ve dos atributos que le va a dar un cilindro: la altura y el radio del circulo.
Por lo que ya sabemos la sintaxis de VRML para diseñar mundos virtuales. Entonces ya guardado tu archivo con formato .vrl abrelo con un navegador web, y tiene que aparecer algo así:
Para hacer una caja (Box) Este nodo viene con la única especificación:
Box {
size 2 2 2
}
Los valores de tamaño que puede tomar es infinito, desde cero (0).
Para hacer un cono, esta es la sintaxis en VRML para hacerlo
#VRML V2.0 utf8
# Una caja
Shape {
appearance Appearance {
material Material {}
}
geometry Box {
size 2.0 0.5 3.0
}
}
bottomRadius 1
height 2
side TRUE
bottom TRUE
Esta el radio del circulo inferior, la altura del cono. Además esta los valores booleanos si los lados y la zona inferior del cono son visibles. Por defalult estos valores son verdaderos si no se colocan en la especificacion de esta figura.
#VRML V2.0 utf8
# Un cono
Shape {
appearance Appearance {
material Material {}
}
geometry Cone {
height 3.0
bottomRadius 0.75
}
}
Para la especificación de un circulo solo se necestia un valor flotante, que es el radio
Sphere {
radius 1.0
}
El código completo para hacer un circulo es el siguiente:
#VRML V2.0 utf8
# Una esfera
Shape {
appearance Appearance {
material Material {}
}
geometry Sphere {
radius 1.0
}
}
Texto en VRML
El nodo geométrico Text permite incluir texto en nuestro mundo VRML.El texto en VRML es plano, nunca tiene glosor. El texto en este ambiente puede incluir el tipo de fuente, estilo, tamaño, etc.
La especificación del nodo Text es la siguiente:
Text {
String []
fontStyle NULL
lenght []
maxExtent 0.0
Los dos últimos campos pueden tomar valores desde cero hasta infinito.
El campo String [] va incluido el texto que va a mostrar en nuestro mundo. El texto va estar incluido entre los corchetes y va entre comillas dobles.
Además, si quieres colocar otra linea solo hay que colocar una frase normal luego agregar el una coma (,), luego ingresar otro texto entre comillas dobles, como por ejemplo:
Agregar el texto "Mundos Virtuales en la web" en dos líneas:
string ["Mundos virtuales ", "en la web"]
El atributo fontStyle incluye al nodo FontStyle,que va a incluir el formato de nuestro texto.
FontStyle {
family “SERIF”
horizontal TRUE
justify “BEGIN”
language “”
leftToRight TRUE
size 1.0
spacing 1.0
style “PLAIN”
topToBottom TRUE
}
Los atributos size y spacing son los atributos de tamaño y de espacio que le va a dar al texto.
Además este nodo te permite indicar la familia de texto: SERIF, SANS o TYPEWRITER.
Justificación – BEGIN, MIDDLE o END.
Estilo –BOLD, ITALIC, BOTH o NONE.
Tamaño.
Espaciado
#VRML V2.0 utf8
# Texto
Shape {
appearance Appearance {
material Material {}
}
geometry Text {
string [ “Mundos virtuales”,
“en la Web” ]
fontStyle FontStyle {
style “BOLD”
size 4
}
}
}
Ahora es momento de que tus VRML estén en tus páginas web, VRML publica mundos virtuales en la red es hacerlo como un objeto más de nuestra página web.
HTML tiene unas etiquetas que nos permite hacerlo como EMBED u OBJECT.
Al igual que los mundos VRML, las páginas Web son también ficheros de texto cuya Web son también ficheros de texto cuya extensión suele ser .htm o .html.
La etiqueta EMBED
Permite incluir información en las páginas Web que deba ser manejada por un plug-in, como por ejemplo un mundo VRML.
Sus parámetros nos permiten especificar el ancho y alto del espacio ocupado por el visor en la página, el color de fondo de la escena, si debe mostrarse la barra de botones, etc.
Un ejemplo sería, crea un nuevo archivo HTML en la carpeta en donde guardas tus archivos VRML
<HTML>
<HEAD>
<TITLE>Incluyendo mundos VRML con EMBED</TITLE> <TITLE>Incluyendo mundos VRML con EMBED</TITLE>
</HEAD>
<BODY>
<H1>Mundos virtuales en la Web>
<EMBED SRC="box.wrl"
HEIGHT="200" WIDTH="200"
VRML DASHBOARD="FALSE"
VRML_BACKGROUND_COLOR="#000000"
CONTEXTMENU="FALSE">
</EMBED>
</BODY>
</HTML>
En la parte en donde dice box.wrl puedes cambiarle a otro archivo de mundo virtual.
Y este es el mundo virtual que anexo al blog:
La otra etiqueta es OBJECT que fue introducida por el WWW Consortium para la
inclusión de material multimedia en una página Web.
Los navegadores de Microsoft soportan esta etiqueta.
Además de WIDTH y HEIGHT, otro parámetro de esta etiqueta es CLASSID, el cual identifica el visor a utilizar. El resto de parámetros se especifican con etiquetas PARAM.
Ahora crea un nuevo archivo html y copia esta sintaxis:
<HTML>
<HEAD>
<TITLE>Incluyendo mundos VRML con OBJECT</TITLE>
</HEAD>
<BODY>
<H1>Mundos virtuales en la Web</H1>
<!--Aquí CLASSID identifica el control ActiveX Cortona-->
<OBJECT CLASSID= CLSID:"CLSID:86A8896-77A20-11d2-8EDA-00600818EDB1"
HEIGHT="200" WIDTH="200">
<PARAM NAME="SRC" VALUE="mundo.wrl">
<PARAM NAME="VRML_DASHBOARD" VALUE="FALSE">
<PARAM NAME="VRML_BACKGROUND_COLOR"VALUE="#000000">
<PARAM NAME="CONTEXTMENU" VALUE="FALSE">
</OBJECT>
</BODY>
</HTML>
Ábrelo con tu Internet Explorer.
Una forma de despreocuparse del navegador que utilizará el usuario final es emplear las dos etiquetas. Para evitar que un navegador que soporte las dos muestre dos veces nuestro mundo virtual, la solución es anidarlas.
Un ejemplo sería:
<HTML>
<HEAD>
<TITLE>Incluyendo mundos VRML con EMBED y OBJECT</TITLE>
</HEAD>
<BODY>
<H1>Mundos virtuales en la Web</H1>
<OBJECT CLASSID="CLSID:86A88967-7A20-11d2-8EDA-00600818EDB1"
HEIGHT="200"WIDTH="200">
<PARAM NAME="SRC" VALUE="box.wrl">
<EMBED SRC="box.wrl" HEIGHT="200" WIDTH=“200”>
</EMBED>
</OBJECT>
</BODY>
</HTML>
0 comentarios:
Publicar un comentario