Modular 3D text

Documentation

How to use

1.Right click in scene hierarchy, 3D Objects > Modular 3D Text > Anything

Important Note

All scripts are in namespace MText. So, don’t forget to add using MText; on top of the script when referencing scripts on this asset.

There is a asset window in Tools menu where you can set default settings & have the option to apply them to all items in the scene.

Asset Window
Editor window options (6th June,2020)

Performance Suggestions

  • Simply call UpdateText(“your string”);to update text. Auto create in play-mode checks for changes in Update(). It is better for performance to avoid unnecessary stuff in Update(). This setting can be found under advanced setting.

  • Turn on pooling if a lot of text is changed in play mode. This option is under advanced settings.

  • For best performance on texts that won’t be changed, combine the mesh, click “Optimize mesh” button found in advanced settings and remove the modular3DText script.

Assembly Definition

Put one in scripts and another in Editor folder.

Didn't include them because some users aren't used to them and it takes less than a minute to create for people who want them.

Asset Cleanup

This section is for people that want to clean up their project and just to keep the things required to run the asset.

Example usage like the typewriter effect, countdown is separated to the Examples folder. This doesn't include the scripts. The scripts are inside Scripts/Examples folder. If you want to delete the examples, delete both examples folder.

You can delete the entire Sample Scene folder. This doesn't include the scripts. The scripts are inside Scripts/Sample Scene folder. Delete both.

You can delete the Prefabs folder too.

Materials folder is also unnecessary for the asset. Just assign your default own materials in : Tools > Tiny Giant Studios > Modular 3D Text.

Modules/Effects

Press the Add New Module button to add modules and ‘x’ button besides a module to delete it.

  • Effects will only apply in play mode & if the text object is active/enabled.

  • Combined mesh can’t have effects. If you have a combined mesh in editor, in play mode after the first call to create text it will recreate the old texts as separate objects along with effect. Select don’t combine in the editor to avoid this. This option is found under Advanced settings in the inspector.

  • When pooling is turned on If you use “Add Gravity”/”Add rigidbody” in typing effects, use “Remove Gravity”/”Remove rigidbody” on deleting effects. This makes sure objects don’t have pre-added components when reusing them through the pool. When using custom modules that add components, use a module to remove that component to be suitable with pooling.

  • There are more settings in the Modules itself. Check them out. Example: You can add a bouncy physics material in the rigidbody module, a curve to choose how the scale change will happen.

Module Creation

Modules are scriptable objects.

To create a module, create a script like the example below, create an item for that module and assign the module in text to use.

Yes, you can create multiple modules with different parameters from a single script.

Modules can’t be run from disabled text object.

Example module script

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
namespace MText
{
[CreateAssetMenu(menuName = "Modular 3d Text/Modules/Your effect name goes here")]
public class YourFileNameGoesHere : MText_Effect
{
public override IEnumerator ModuleRoutine(GameObject obj, float duration)
{
//enter your code here
yield return null;
}
}
}

Here, obj is the gameObject of the character being typed and duration is passed from the individual text.

After creating the script, right click in the project window, click “Create > Modular 3d Text > Modules > Your effect name goes here”.

3D UI System

One object with MText_UI_RaycastSelector script attached needs to be in the scene to select items with mouse/touch. You can disable it when not using a 3D UI. This is automatically added when you create a 3d UI item (except plain text).

If no camera is selected for MText_UI_RaycastSelector, Camera.Main is used to assign camera in Start(); If you delete camera, assign the appropriate camera for this to work properly.

Text

List

  • The helper component updates the list automatically in Editor. In play-mode/build you need use UpdateList() method to do it manually. This is to improve performance.

  • All 8 types of lists are included in one component. Just pick one and you are ready to go.

  • Lock rotation freezes list item’s rotations to zero.

  • Don’t forget to turn on the keyboard control.

  • You can turn on/off each individual component

  • You can turn on/off each individual component

  • Ignore child toggle turns on/off child button modules to be used or not

  • While being clicked - calls the module over and over again while mouse is clicked

Button

  • While Being Clicked Events/Modules continuously calls those events while mouse click is held down on it. This is called in Update(), which is every frame.

  • onSelectEvent is mouse hover or selected in a list. onUnselectEvent is the opposite

  • To disable button via code, set interactable = false; and call method DisabledButtonVisualUpdate();

  • Remember, the size of the Box-collider on the component itself determines if you are hovering/clicking on it, not the background size.

Toggle

  • Toggle relies on Button to call Toggle() which is automatically added when creating toggle

3D Input Field

  • Auto focus focuses the input on game start. Focused = you can type in

  • Interactable includes touch/mouse both.

  • Difference between Select() and Focus() is select checks if the input field is in a list.

3D Slider

  • UpdateValue(int newValue)/ UpdateValue(float newValue) use these to update slider via code

Creating fonts

In Editor

(Video Tutorial: https://youtu.be/m9JwBc-0DUA)

‌[Supports only TTF file formats. Most fonts found online are in TTF format] Note: the asset doesn't support right to left/top to down languages yet

1. Go to Tools > Tiny Giant Studios > Modular 3D Text

‌2. Select Font Creation Tab and click Create Font

3. Select your font file from anywhere in the computer‌

4. Give a few seconds to process and then select location inside your project where your mesh/font will be saved.‌

5. Right click in the project window, Create > Modular 3d Text>New font.

6. Assign exported FBX file to the font. Click the create/recreate button.

Your font is ready to be used.

Remember, the ttf font must have the characters in the first place to create 3D version.

There is a limit of how many meshes unity can handle per asset. Although the limit is pretty high, it gets slow in editor when you select that object after about a thousand mesh. If you need more characters, I suggest separating them into smaller chunks and having them set as Fallback fonts.

For different Languages

(Video tutorial: https://youtu.be/JN_DSmdiRSI)

‌Before creating the font, Click the Get Character List Button which will take you to https://unicode-table.com/en/#control-character In character range, for your language, from the link , enter the first character and the last character. This will make the created font include every character inbetween them. Then, Click create font.

Using blender

(Video tutorial : https://youtu.be/lbRe4-wlf74)

  1. Install blender if you don’t have it already.

  2. Open the font extractor folder inside the modular 3d text folder. (Unzip it)

  3. Open the blender file.

  4. Click run script.

  5. Select extract font from the left toolbar

  6. Select your font.

  7. Do any changes you want in this step, like retopology, optimization (Check for optimization tips below) according to your needs. Or just skip this step if you want.

  8. File>Export>Export as FBX to your project. Default export settings are fine.

  9. In unity, right click in the project window, Create > Modular 3d Text>New font.

  10. Assign exported FBX file to the font. Click the create/recreate button.

  11. Font is ready to use.

Optimization:

(To people who are knowledgeable about optimization, do your own thing. This is just a fast and simple way to do things, not perfect.) The font created in blender is not optimized. Didn't include auto-optimization in blender script because some fonts have very different geometry than expected from an average font which would result in losing details or not enough optimization. To reduce vertices. A fast but not the best way to optimize it would be,

  1. Select all objects (Press A in scene view).

  2. Press Tab to enter edit mode. (If you can't enter edit, select and deselect an object by left clicking one and then, an empty area, Select everything again (Press A) then Press Tab to enter edit mode)

  3. Go to the Mesh menu (on the top menus on view window)

  4. Cleanup > Limited Dissolve.

  5. Cleanup > Remove doubles.

This can reduce a lot of unnecessary vertex but sometimes result in few characters having strange geometry. You can Undo & deselect the objects with problematic geometry. If the font looks good enough, export and use.

Manual Slow way:

  • In unity, right click in the project window, Create>Modular 3d Text>New Font.

  • In the list you see after selecting the font, add a new item. Assign any object you want to that item and type a character for it besides it. Now when you type the character in, that object is used.

Fix positioning + Rotation + scaling for the font. You can fix it for all the characters at once by specifying it in the font file and + or you can assign a parent to the object, add “MText_Character.cs” component to the parent and fix transform for each character individually. That script shows the default expected scale and size.

Note that : The fonts use individual width to determine spacing, not kerning. Kerning requires too much processing power for 3D texts without the original fonts as reference. For something that was built for runtime, it isn't practical.

Currently working on a workaround. But some features like modules won't work with that. It will be an alternative script for people needing pixel perfect texts.

About the included examples

Speed and volume’s x and y value are the minimum and maximum value. Keep them the same if you don’t like them to fluctuate. A little randomization makes them feel natural.

StatusToolTip script: You can use one for the entire scene. The pool for it is separate from Text. Example usage: Status debuff/buff in RPG, damage UI Just call the method ShowToolTip()

If nothing is selected, the selectedItem int will return the size of the list or 0.