Jump to content
¡¡Mudamos el chat del foro a nuestro Discord para una mejor comunicación!! CLICK ENLACE ×

[Tutorial] - Tipos de iluminación en un mapa


ZorHerK
 Share

Recommended Posts

Valve Hammer Editor
Tutorial

Tipos de iluminación en un mapa

Es recomendado usar compiladores ZHLT 3.4 o VHLT

 

Iluminar tu mapa y crear un ambiente con ello es algo que siempre debe ser considerado, eso sí, no nos olvidemos que estructurar bien el mapa igual es importante. Esta vez toca enseñar las distintas formas de iluminación en un mapa y como usarlas en el proceso.

 

Tipos de luceslight.png.4f783fd340eccf034ec336e0b0a1dc93.png
Screenshot_2.thumb.png.33d4f86b7940cd4ef177937f89681c7c.png

Light: un tipo de luz sencillo. Lo agregas al editor usando la Herramienta de Entidades, lo colocas donde quieras dentro del mapa y compilamos. Ahora bien, si vemos sus propiedades hay más cosas.

Brightness (brillo), en sus propiedades vemos 255 255 255 y 200 que son: Rojo, Verde, Azul y la intensidad de luz.

Appearance (apariencia), son básicamente efectos. Puedes ir probandolos a tu gusto. El problema con este atributo es que causa caídas de FPS si tienes un PC de baja potencia.

Fade, esto hace que el desvanecimiento de luz sea mayor o menor.
 

 

81482142_lightspot.png.26a570c633b985214c0cd1026f2076da.pngLight_spot: Similar al anterior, la diferencia es que este representaría lo que es un foco de luz. Sus usos son algo específicos, por lo que no es algo que siempre estaremos usando comúnmente.
Screenshot_3.thumb.png.7aa8d96ed96751cc2c0f0144abb78b5c.png
Pitch (Y) es en qué dirección vertical apuntará el foco 

Inner es la amplitud del foco.

Outer es el desvanecimiento del foco. Este valor es recomendado que sea mayor que Inner.

Is Sky, esto va de la mano con otra entidad, light_environment, al tener un sky este creará otro punto de luz si esta función es activada. Puede darse ciertos
usos interesantes, aunque no es recomendable usarlo.

Yaw (Z) es similar a Pitch (Y), solo que este es en horizontal.


 

777932786_lightsol.png.211819352fd84be955ea2e8653e1af57.png
Light_environment: Este vendría ser el sol. Se crea una luz usando comoScreenshot_1.thumb.png.8014bfa4baa479ff151917471d5619b2.png fuente la textura sky. Lo interesante de esta entidad es que tiene dos tipos de luces.

Brightness es la luz directa del sol.

Pitch (Y) es en qué dirección vertical apuntará el sol (por defecto es -60).

Shade es nuestra segunda luz. Representaría el color de la sombra.

Yaw (Z) es similar a Pitch (Y), solo que este es en horizontal.



 


 

textlighta.png.af1087ab4cf36c2b7b9948c9b59e6c9c.png


Info_textlight y Archivo .rad: Crea una luz usando la textura que le asignemos. Estas dos formas de crear luz (textlight y rad) cumplen la misma función, la única diferencia es que uno usa una entidad, mientras que el otro usa un archivo externo. Personalmente prefiero usar el archivo externo ya que es más rápido y cómodo al momento de usarlo o modificar algo.

Con la entidad Info_textlight debes usar SmartEdit y crear (Add) una nueva entrada (Key), escribes la textura que quieras que emita luz y en su valor (Value) usamos el mismo método que Brightness. La diferencia aquí es la intensidad de luz. Si el valor es 100 este será tenue, así que ve probando usando valores mayores a 3 dígitos, después solo compilamos el mapa.

 

 

 

Screenshot_4.png.bc8c0315dc47c1c37936f98829a9934f.png

 

 

 

Screenshot_5.png.3c36b51a271f5fd5d3d37de7ed6cf05d.png

El archivo .rad puedes encontrarlo en tu carpeta donde tengas los compiladores (CSG, BSP, VIS, RAD), tiene como nombre lights.rad. Al abrirlo usando documento de texto o con notepad++, tendrás varias texturas hechas, modificalas a tu gusto. No te olvides de usar valores superiores a 3 dígitos si es necesario.

 

Al guardar el archivo, nos vamos a batch compiler y nos dirigimos a RAD2, activamos la opción Lights File y buscamos nuestro archivo .rad, cuando terminemos lo desactivamos para evitar una advertencia.

 

 

 

 

 

 

 

EjemplosScreenshot_8.thumb.png.601e497b53b9aed8a52dfa8a27bda7f5.png

 

 

 

 

En este cuarto se están usando 4 entidades light, solo uno es de un color diferente para crear un contraste con el color blanco. Con esto evitas que el mapa se vea triste o algo lúgubre, a menos que quieras hacer algo en específico.

 

 

 

 

 

 

 

Screenshot_6.png.a7ab538721c75f2bf67ee1eceb4d0160.png1838558382_lightspota.thumb.png.a985ed877d73e799d1c7a151e7de3832.png

 

 

 

En este lugar se están usando 3 luces distintas, dos de tipo light, un light_spot y el archivo .rad

Los dos light casi no sé notan, lo ideal es que se pueda ver con mayor claridad.

Encima de la textura amarilla el cual está usando el archivo .rad, estaría nuestro light_spot.

 

 

 

 

 


Screenshot_7.thumb.png.92673ed0fc1a678ca1d0a63130113f51.png

 

 

 

En este lugar (solo el exterior) se está usando light_environment, si configuramos bien los colores y la intensidad de luz podemos obtener un resultado muy aceptable, lo difícil es elegir el color con relación al sky. Pitch y Yaw también toma tiempo para que quede bien con relación al sky y el mapa.

Puedes usar imágenes como referencia si es necesario.

 

 

 

 

 

 

 

1431133612_coloressol.thumb.png.f8c85122e4cd7566c40c313b8d8d6dfd.png

 ¿Como puedo saber el color de un sky?

 

Con Brightness añadimos el color que más nos convenza y sacamos una foto al mapa ya compilado, después modificamos lo que hicimos anteriormente y cambiamos el color a un aspecto más tenue o más claro. Cuando estemos seguros, compilamos el mapa y desde la misma posición sacamos otra foto, esto es para comparar la anterior foto con la nueva y saber si los colores están saturados o no.
Screenshot_7.png.34b255ccf1c25f4a463f0ce947ed9992.png
Al darle a pick color (escoger un color) en el atributo Brightness, tenemos una forma rápida para elegir un color desde el lado izquierdo. Esto viene muy bien usarlo ya que nos ahorra algo de tiempo.

En el caso de Shade no es complicado, usamos el mismo color de Brightness, solo que oscurecemos o cargamos más el color (esto puede depender), eso sí, la intensidad de luz no debe ser mayor que Brightness.

 

 

 

 

 

 

1894702198_armaluzbueno.png.a6d6042e67077038a26b827c16c82ad6.png1808628395_armaluzfallo.png.927450005e1bf9ce4a035eaa76f2482c.png

 

 

 

Otra forma es mirar el sol y usando el arma vemos el contraste que hay entre estos dos. Si el arma tiene más cargado el color en comparación con el sol puede ser que tengamos que hacer una modificación.

 

 

 

 

 

 

 ¿Como puedo calcular la posición del sol?

Esto solo es posible en J.A.C.K.1738726333_vista3do.png.8539e15834e80de45320507f21560ebb.png

Usando Pitch (Y) debemos usar la vista 3d y presionando la tecla O, se nos mostrará esto en pantalla. Solo nos interesa P. Usando esto miramos a nuestro sol, el valor que nos dé lo transformamos en su número opuesto y con eso ya tendríamos el resultado.

Ejemplo: el primer resultado es 60, su opuesto entonces es -60 (bastante simple).
554895349_yaw60neg.png.d4e25f036e2878bf29334a44d1b0ea6e.png

 

 

 

Pequeña demostración visual de Pitch (Y) = -60

 

 

 

 

Ahora usando Yaw (Z) nos interesa Y, el resultado lo escribiremos usando el atributo1895625180_pitchyawroll.png.66a1021953a2ff04d7693ee1c9331cfe.png Pitch Yaw Roll. Para obtener el número, primero debemos mirar al sol. Con el valor obtenido creamos una flecha como guía, ahora mientras seleccionamos la flecha presionamos ctrl+m y escribimos el valor anterior (Z), después rotamos la flecha 180º usando ctrl+r, ahora desde el inicio de la flecha nos posicionamos y miramos al punto final de esta, con esto obtendremos un resultado cercano. Es un poco tedioso hacer todo esto, pero es la manera que uso yo. Si sabes más matemáticas tal vez puedas obtener igualmente el cálculo.

Ejemplo 1: el primer resultado es 37, si lo giramos 180º este ahora es -143 / 217º aprox.115124318_tranformarrotacion.png.a86e2c2c1ceefa39c4c69584934e9168.png

Ejemplo 2: el primer resultado es -34, si lo giramos 180º este ahora es 146º aprox.


 

 

 

 

Screenshot_6.png.7ba58d2a6e0703a6160fac9d89597d6b.png


 

 

 

 

Pequeña demostración visual de Yaw (Z) = 146

 

 

 

 

 

 

Información extra

Comandos de Compilación

Usando batch compiler nos vamos a RAD, los parámetros que nos importan son 3. 

  1. Extra, cuando lo activemos la sombra será más suave y natural.
  2. Bounce (rebote), Cuando trabajamos en nuestro mapa debemos recordar que la textura que usemos sobre una superficie puede afectar la iluminación, esto es conocido como radiosidad. Mientras más alto sea el valor, más notorio será el rebote de luz en nuestro mapa, lo ideal es usar entre 8 a 16.
  3. Fade (desvanecimiento), esto hace que el desvanecimiento global de luz sea mayor o menor.  Ten en consideración que si la mayoría de entidades tienen su propio valor  "ZHLT Fade" anulará la configuración global. Tienes que dejar esos valores clave vacíos para usar el parámetro global.

Desde batch compiler nos vamos a RAD2 y buscamos un parámetro llamado Softsky, esto es similar a Extra solo que mejora la difusión de nuestro light_environment.

 

Propagación de sombras en áreas exteriores

Puedes controlar el cómo se genera el sombreado de light_environment. Es útil usarlo si quieres que el mapa se vea más realista. 

Ve a las propiedades de light_environment, añade una nueva entrada con el nombre “_spread” usando SmartEdit. Especificamos el valor que deseamos. Entre más le agreguemos (ejemplo: 0, 0.5, 1.5, 3, 6 o 10) , más se dispensará el sombreado. El resultado puede variar según la configuración de light_environment, los parámetros de compilación y la escala de texturas.

 

 

Cierta información fue obtenida gracias un foro de Sven Coop
Link: https://sites.google.com/site/svenmanor/tutorials/advancedlight

 

Mapper penoso

Link to comment
Share on other sites

Mi mayor problema era generar ambientes más "naturales" con respecto a los valores de iluminación del sol y cómo se creaban las sombras.

Excelente y completísimo. Gracias, hermano.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...