ASCII - Unity Asset Store - Nephasto

El viejo render de texto ha vuelto y viene con nuevos trucos y efectos como modo de profundidad, capas y gradientes de color.

­čĽ╣´ŞĆ Demo  ­čŤĺ Store

Editor

Una vez instalado, selecciona la c├ímara de tu escena y a├▒ade el componente ‘Ascii’.

 

Y verás algo como esto:

 

Al a├▒adirlo no notar├ís ning├║n cambio ya que no has a├▒adido ning├║n ‘Charset’ a├║n. Un ‘Charset’ es una textura especial y algunos datos que definen el tipo de fuente de texto que quieres usar. Para crear uno nuevo usa la herramienta incluida ‘Ascii Charset Tool’ que puedes encontrar en ‘Window > Nephasto > Ascii > Ascii Charset Tool’.

 

Esta herramienta buscar├í todas las fuentes de texto monospaced (aquella que todos sus caracteres tienen el mismo ancho) que tengas instalada en tu ordenador. Selecciona la fuente que quieras usar en ‘Font’ (1). Si instalas una nueva, pulsa en ‘Refresh’ (4). Luego elige el tama├▒o que quieres que tenga en ‘Size’ (2).

En ‘Pattern’ (3) puedes seleccionar el patr├│n de texto que se usar├í. ‘Ascii’ selecciona una letra del patr├│n seg├║n la luminosidad del pixel. Por ejemplo, si un pixel es muy oscuro se usar├í el primer caracter del patr├│n seleccionado (en el caso del ejemplo ser├şa ‘.'), si el pixel es muy brillante se usar├í el ├║ltimo caracter ('@'). Ordena los caracteres seg├║n su densidad de pixels si eliges el patr├│n ‘Custom’.

 

Una vez creados los Charsets que quieras usar a├▒adelos pulsando en ‘+’ o arrastrandolos a la zona donde dice ‘Add or drop Ascii Charsets here…’.

 

Con ‘Amount’ (1) puedes modificar la intensidad del efecto. Si la luminosidad de tu escena es baja, puedes aumentarla usando ‘Boost’ (2), con lo que se usar├ín valores mas elevados de luminosidad para calcular que caracter usar. Tambi├ęn puedes modificar el tama├▒o de los caracteres mostrados con ‘Zoom’ (3).

Si has a├▒adido m├ís de un Charset, podr├ís seleccionar cu├íl usar en ‘Charset’ (4). Para a├▒adir nuevos Charsets, arrastralos sobre 5 o usa los controles de 6.

En ‘Mode’ (7) puedes seleccionar como funciona el efecto. Por defecto usa el modo ‘Screen’ que afecta a toda la pantalla.

 

Si eliges el modo ‘Depth’ la intensidad del efecto cambiar├í seg├║n la profundidad de la escena. Puedes ajustarlo usando ‘Range’.

 

El ├║ltimo modo es ‘Layer’ y con ├ęl podr├ís elegir en que capas quieres se use el efecto.

Screen
Depth
Layer

Si observas problemas con la precisi├│n en cualquiera de estos modos, intenta configurar el par├ímetro ‘Far’ de la c├ímara al m├şnimo. Los modos ‘Layer’ y ‘Depth’ a├▒aden una depth texture a la c├ímara y es posible que no est├ęn disponibles en algunos navegadores o dispositivos m├│viles antiguos.

Si activas ‘Block color’ (8), cada caracter en pantalla tendra un ├║nico color, de lo contrario se modular├í con los colores que originalmente ten├şa. Si lo desactivas, ver├ís mejor los detalles de la imagen pero no ser├í como el efecto cl├ísico.

Activo
Desactivo

Puedes cambiar el color de los caracteres (10) como del fondo (12) y tambi├ęn como se mezclan con los originales (10 y 12). Mientras que ‘Gradient’ (9) sea ‘None’, estos cambios se aplicaran por toda la pantalla uniformemente. Otras opciones disponibles son ‘Horizontal’, ‘Vertical’ y ‘Circular’.

Por ├║ltimo puedes modificar valores como la saturaci├│n (14), brillo (15), contraste (16) y gamma (18) de la imagen. Pulsando sobre ‘[doc]’ (18) acceder├ís a la ayuda online y si haces click en ‘Reset’ (19) los par├ímetros volver├ín a sus valores por defecto.

C├│digo

Todo el c├│digo esta dentro del namespaceNephasto.AsciiAsset’. Lo primero que debes hacer es importar el namespace:

1
 using Nephasto.AsciiAsset;

 

Si ‘myCamera’ es una c├ímara valida y quieres a├▒adirle el efecto, puedes hacer algo como esto:

1
 Ascii ascii = mycamera.gameObject.AddComponent<Ascii>();

 

Para más información puedes consultar los comentarios del código y de la demo adjunta.

Cualquier pregunta o sugerencia que tengas estar├ę encantado de responderla en

hello@nephasto.com