V R M L 1.0 (Virtual Reality Modeling Language)

Figuras básicas	Translación	Materiales	Transformación	Texto	Textura	Partes	Luces	Camaras

VRML 1.0

El código se inicia con la cabecera: #VRML V1.0 ascii
se ingresa el contenido agrupando objetos o conjunto de objetos mediante separadores y se guarda con extención .wrl

Esto lo podemos hacer mediante un editor de texto simple como un block de notas.

Los materiales que podemos ulizar son:
- ambientColor 0.2 0.2 0.2 -> color ambiental de 0 a 1
- diffuseColor 0.8 0.8 0.8 -> color del objeto en R G B de 0 a 1
- specularColor 0 0 0 -> color ambiental de 0 a 1
- emissiveColor 0 0 0 -> color ambiental de 0 a 1
- shininess 0.2 -> brillol de 0 a 1
- transparency .8 -> transparencia de 0 a 1

Separator {			#esfera 

Translation {translation 0 0 0}

Material {diffuseColor 1 0 0
                shininess 0.2 
                transparency .2}#color rojo, brillo .2, transparencia .2

Sphere {radius 3}

}

#---------------------------------
Separator {			#cono

Translation {translation 20 0 0}
		
Material {diffuseColor 0 0 1 
               shininess 0.2
               transparency .4}#color azul, brillo .2, transparencia .4

Cone {bottomRadius 3 height 3}

}

#---------------------------------
Separator {			#cilindro

Translation {translation 0 0 20}
		
Material {diffuseColor 0 1 0 
               shininess 0.2 
              transparency .5}#color verde, brillo .2, transparencia .5

Cylinder {radius 3 height 3}

}

#---------------------------------
Separator {			#cubo

Translation {translation 20 0 20}
		
Material {diffuseColor 1 0 1
               shininess 0.2 
               transparency .8}#color morado, brillo .2, transparencia .8

Cube {height 3 width 3 depth 3}

}

Ir Arriba

Ejemplo 1:

En este ejemplo se aplicaron figuras basicas, translaciones para evitar amontonamientos y materiales para dar color, brillo, transparencia, etc.

Descarga el código del ejemplo (clic derecho: guardar destino como)

Transformación:

Lo utilizamos para rotar el objeto o grupo de objeotos sobre el eje o los ejes deseados "x" , "y" , "z", colocando un "1" sobre el eje que se desea rotar y un cuarto valor con el angulo de rotación.

Las angulos de rotaciones de los objetos de definen de la siguiente forma:
45° -> .7854
90° -> 1.5708
135° -> 2.3562
180° -> 3.1416
270° -> 4.7124
360° -> 6.2832

Separator{
Transform {translation 0 0 0}
Transform{rotation 0 0 1 0}#sin rotacion
Material{diffuseColor 1 0 0}
Cone{bottomRadius 1 height 3}
}

#-------------------------------

Separator{ 
Transform {translation 5 0 0} 
Transform{rotation 0 0 1 .7855}#rotacion sobre el eje "z" de 45°
Material{diffuseColor 1 0 0}
Cone{bottomRadius 1 height 3}
}

#-------------------------------
Separator{ 
Transform {translation 10 0 0} 
Transform{rotation 0 0 1 1.57}#rotacion sobre el eje "z" de 90°
Material{diffuseColor 1 0 0}
Cone{bottomRadius 1 height 3}
}

#-------------------------------

Separator{ 
Transform {translation 15 0 0} 
Transform{rotation 0 0 1 2.385}#rotacion sobre el eje "z" de 135°
Material{diffuseColor 1 0 0}
Cone{bottomRadius 1 height 3}
}

#-------------------------------
Separator{ 
Transform {translation 20 0 0} 
Transform{rotation 0 0 1 3.14}#rotacion sobre el eje "z" de 180°
Material{diffuseColor 1 0 0}
Cone{bottomRadius 1 height 3}
}

Ir Arriba

Texto:

La sintaxis para poner texto en nuestro entorno es:

Separator{

AsciiText{string["Esta es la primera fila de texto",   
             "esta es la segunda fila",  
             "etc."] 
         } 


}

Ir Arriba

Textura:

Podemos colocar texturas de formato .jpg a nuestros objetos con la siguiente instrucción:

Separator{

Texture2{filename "bola8.jpg"}#cilindro con textura

Cylinder{radius 2 height 5}

}

Ir Arriba

Ejemplo 2:

Utilizaremos la transformación de rotación, agregando texto y vinculando la textura a los objetos.

Descarga el código del ejemplo (clic derecho: guardar destino como)

Partes:

Si se requiere el caso, podemos ingresar solo una o algunas partes de el objeto:
- ALL -> todas
- BOTTOM -> abajo
- TOP -> arriba
- SIDES -> lados

Separator{ Transform {translation 0 0 0} Material{diffuseColor 1 0 0} Cylinder{parts ALL radius 1 height 3}#todas } #------------------------------------ Separator{ Transform {translation 3 0 0} Material{diffuseColor 1 0 0} Cylinder{parts BOTTOM radius 1 height 3}#abajo } #------------------------------------ Separator{ Transform {translation 6 0 0} Material{diffuseColor 1 0 0} Cylinder{parts TOP radius 1 height 3}#arriba } #------------------------------------ Separator{ Transform {translation 9 0 0} Material{diffuseColor 1 0 0} Cylinder{parts SIDES radius 1 height 3}#lados }

Ir Arriba

Ejemplo 3:

En este ejemplo ponemos un cilindro por partes

Descarga el código del ejemplo (clic derecho: guardar destino como)

Luces:

Podemos agregar luces para dar mejores efectos a nuestros objetos o a nuestro enotrno.

Separator{ DirectionalLight{direction 0 0 -1} # La luz ilumina participante hacia la escena PerspectiveCamera{ position -3 2.1 5.6 orientation -0.1352 -0.9831 -0.1233 1.1417 focalDistance 10.84 } #--------------------------------------------------- Separator{ # La esfera roja Material{diffuseColor 1 0 0} Translation { translation 3 0 1} Sphere { radius 2.3} } Separator{ # El cubo azul Material{diffuseColor 0 0 1} Transform{ translation -2.4 .2 1 rotation 0 1 1 .9} Cube{} } }

Ir Arriba

Ejemplo 4:

Ejemplo de luces hacia un par de objetos.

Descarga el código del ejemplo (clic derecho: guardar destino como)

Camaras:

El objetivo de utilizar camaras es que podamos ir dando seguimiento a un recorrido de nuestro entorno mediante estas, obsevando diferentes angulos y perspectivas del mundo virtual.

DEF CAMARAS Switch { DEF CAM1 PerspectiveCamera{position 0 4 3} DEF CAM2 PerspectiveCamera{position 0 3 4} DEF CAM3 PerspectiveCamera{position 0 2 5} DEF CAM4 PerspectiveCamera{position 0 1 6} DEF CAM5 PerspectiveCamera{position 0 0 7} DEF CAM6 PerspectiveCamera{position 0 -1 8} DEF CAM7 PerspectiveCamera{position 0 -2 9} DEF CAM8 PerspectiveCamera{position 0 -3 10} DEF CAM9 PerspectiveCamera{position 0 -4 11} DEF CAM10 PerspectiveCamera{position 1 -4 6} DEF CAM11 PerspectiveCamera{position -1 -4 4} DEF CAM12 PerspectiveCamera{position -1 -4 5} DEF CAM13 PerspectiveCamera{position -1 -4 3} DEF CAM14 PerspectiveCamera{position -1 -4 2} DEF CAM15 PerspectiveCamera{position 0 -4 4} }

Ir Arriba

Ejemplo 5:

En este ejemplo observamos un recorrido de 45 tomas de camara por el exterior de la torre de Pisa, dando clic en las flechas adelante y atras, (< >) de la barra inferior de navegacion.

Descarga el código del ejemplo (clic derecho: guardar destino como)