Ascii

Ascii‘ is a effect for Unity which creates the old-school ascii render, with new tricks and features like depth mode, layers and gradients.

Store00
Store01
Store02
Store03
Store04
DEMO  ASSETS STORE

Adding the effect.

Add ‘Ascii‘ is easy. Select the camera you’re going to use (usually called ‘Main Camera‘) in the ‘Hierarchy‘ editor window (1), then click on ‘Add Component‘ button in the ‘Inspector‘ window (2).

usage_00

Now you can select the effect in two different ways. The first way is using the search field and write ‘Ascii‘, then select the effect (1). The second way is select the category ‘Image Effects‘, and finally ‘Ascii‘ (2).

usage_01

You can also add it by code. To do this you must use the namespace ‘AsciiAsset‘. If ‘mainCamara‘ is a valid camera:

using AsciiAsset;

Ascii ascii = mainCamera.gameObject.AddComponent<Ascii>();

Check the documentation included in the code and take a look at the example code in the ‘demo‘ folder.

Setting the effect.

The ‘Ascii‘ component has these areas:

InspectorGeneralZones

  1. General area, to changing the font, the strength of the effect and mode.
  2. Color area, to change the Blend functions and color gradients.
  3. Image area to change settings such as saturation, brightness, etc.
  4. To view this site :).
  5. To reset some values.

General area.

By default, ‘Ascii‘ brings some text fonts, but you can use others. To use your own fonts, select ‘Custom‘ in ‘Charset‘.

InspectorCustomCharsetDetail

The first thing you have to do is import the texture. I recommend you use these settings:

usage_03

The texture must be in a single row with all characters you want to use. These characters must be also the same width, so we recommend using a monospace font. It should be something like:

Courier_8x12_94

The characters must be sorted by their ‘density‘, the number of pixels, from less to more. For example, if you want to make one with 10 characters, these might be “ .:-=+*#%@“. The last thing you must to do is put the number of characters you used in the ‘Char count‘ field. We are working on a built-in editor tool to automatically import any text font and simplify this process :).

The ‘Amount‘ field defines the intensity of the effect, from 0 (no effect) to 1 (full).

With ‘Mode‘ you can select the mode of effect. You can select three modes: Screen, Depth and Layer.

The ‘Screen’ mode is the classic effect, affects the entire screen.

With the ‘Depth’ mode so you can define that area where the effect is applied, depending on their depth.

InspectorModeDepthDetail

With the ‘Layer’ mode, you can specify which layers of your scene is applied to the effect.

InspectorModeLayerDetail

Color area.

The first thing you can change in this area is how the colors blend together. To do this we provide more than a dozen functions. They are very similar to Photoshop. ‘Solid‘ is the default function.

You can also use three different forms of gradient, besides the function ‘Solid‘ affecting the entire screen. These modes are horizontal, vertical, circular gradient.

Image area.

In this area you can control things like saturation, brightness, contrast and gamma.

You Might Also Like

No Comments

Leave a Reply