I was looking for this answer on the web for some time.
But apparently my search phrases were wrong or it is really that hard. But I doubt it.
Imagine, I have any 3d-body. A sphere, cylinder or cube.
I want to put a text onto that object. As if it was a sticker or painted onto that object.
Meaning, it would follow the objects curves or edges, if wrapping around them. I managed to create some texts which are ALWAYS in front or behind my object. But that is not what I want.
The closest to what I want looks like this:
I cannot believe, that I need to code for this. It must be achievable via child/parents, canvas and text, JUST using the inspector and components.
Is this so ?
Not that simple but here is how you can achieve something similar. This requires your 3D models to be correctly UV mapped so you can simply apply a flat texture to it. The setup may sound complex but it is really cool ;)
Create a RenderTexture
: In the Asset
do right mouse click → Create
→ RenderTexture
and call it however you like e.g. TextTexture
- To have a better resolution later increase it's
size
to e.g. 2048*2048
depedning on your needs of course.
Create a new Material
- using the just created
RenderTexture
as Albedo
- and set the
RenderingMode
to Fade
(in order to later have it's background transparent)
Create a new Layer and call it e.g. TEXT
In you normal main Camera
under Culling Mask
exclude the just created TEXT
layer. So it will not render our Text content
Add a new Camera
to your scene (it will only render the text) and call it e.g. TextCamera
and make the following settings:
- Remove its
AudioListener
component
Clear Flags
→ Solid Color
Background
→ Color actually doesn't matter but make sure to set the Alpha level to 0
!
Culling Mask
→ Nothing except the created TEXT
layer
Target Texture
→ The created RenderTexture
Now you already have a Material with a dynamically changeable Texture with transparent background and whatever content you like. So lets make it e.g. a UI.Text
To your scene (I did it simply as child of the TextCamera
so I can simply move it out of sight in the SceneView while working on other stuff) add a Text
(including the Canvas etc - Unity usually adds it automatically)
- Make all GameObjects (Canvas and Text) have the Layer
TEXT
so they will not be rendered by the normal Camera
but only by the TextCamera
.
- Make sure the
Canvas
uses RenderMode = WorldSpace
(it won't work with overlay canvas)!
- Place the
Canvas
about e.g. 3
units in front of the TextCamera
(or wherever you like so the Text is visible in the texture later)
- To have better Text resolution I would also on the
Text
- on the
RectTransform
set width = 1000
, height = 1000
, Scale = 0.001, 0.001, 0.001
- In the
Text
component set Font Size = 300
- Just to be sure disable the
Raycast Target
option
And now you can simply apply the created material to your 3D Object and hit play and should see that it gets completely transparent except having the text on it.
So in order to use it as overlay for a 3D object you could e.g. simply duplicate the original object, call one e.g. Inner
the other one Outer
and make Inner
a child of Outer
. Now on the Outer
you set our Text material. This works since a material using Fade
as render mode is rendered on a different render chain which is rendered on top of the default one.
→ Tadaaa 3D object with Text applied to its surface and can even dynamically change the text and its properties like color etc
The whole thing dynamic (Except creating Layers)
Since you asked: Yes you can make this all in a script ... except creating new Layers! This is not possible on runtime!
So you have to know all the Layers you will use beforehand then you can do something like
[RequireComponent(typeof(MeshRenderer), typeof(MeshFilter))]
public class TextOnObjectManager : MonoBehaviour
{
// reference via Inspector if possible
[SerializeField] private Camera mainCamera;
[SerializeField] private string LayerToUse;
private void Awake()
{
// 0. make the clone of this and make it a child
var innerObject = new GameObject(name + "_original", typeof(MeshRenderer)).AddComponent<MeshFilter>();
innerObject.transform.SetParent(transform);
// copy over the mesh
innerObject.mesh = GetComponent<MeshFilter>().mesh;
name = name + "_textDecal";
// 1. Create and configure the RenderTexture
var renderTexture = new RenderTexture(2048, 2048, 24) { name = name + "_RenderTexture" };
// 2. Create material
var textMaterial = new Material(Shader.Find("Standard"));
// assign the new renderTexture as Albedo
textMaterial.SetTexture("_MainTex", renderTexture);
// set RenderMode to Fade
textMaterial.SetInt("_SrcBlend", (int)UnityEngine.Rendering.BlendMode.SrcAlpha);
textMaterial.SetInt("_DstBlend", (int)UnityEngine.Rendering.BlendMode.OneMinusSrcAlpha);
textMaterial.SetInt("_ZWrite", 0);
textMaterial.DisableKeyword("_ALPHATEST_ON");
textMaterial.EnableKeyword("_ALPHABLEND_ON");
textMaterial.DisableKeyword("_ALPHAPREMULTIPLY_ON");
textMaterial.renderQueue = 3000;
// 3. WE CAN'T CREATE A NEW LAYER AT RUNTIME SO CONFIGURE THEM BEFOREHAND AND USE LayerToUse
// 4. exclude the Layer in the normal camera
if (!mainCamera) mainCamera = Camera.main;
mainCamera.cullingMask &= ~(1 << LayerMask.NameToLayer(LayerToUse));
// 5. Add new Camera as child of this object
var camera = new GameObject("TextCamera").AddComponent<Camera>();
camera.transform.SetParent(transform, false);
camera.backgroundColor = new Color(0, 0, 0, 0);
camera.clearFlags = CameraClearFlags.Color;
camera.cullingMask = 1 << LayerMask.NameToLayer(LayerToUse);
// make it render to the renderTexture
camera.targetTexture = renderTexture;
camera.forceIntoRenderTexture = true;
// 6. add the UI to your scene as child of the camera
var Canvas = new GameObject("Canvas", typeof(RectTransform)).AddComponent<Canvas>();
Canvas.transform.SetParent(camera.transform, false);
Canvas.gameObject.AddComponent<CanvasScaler>();
Canvas.renderMode = RenderMode.WorldSpace;
var canvasRectTransform = Canvas.GetComponent<RectTransform>();
canvasRectTransform.anchoredPosition3D = new Vector3(0, 0, 3);
canvasRectTransform.sizeDelta = Vector2.one;
var text = new GameObject("Text", typeof(RectTransform)).AddComponent<Text>();
text.transform.SetParent(Canvas.transform, false);
var textRectTransform = text.GetComponent<RectTransform>();
textRectTransform.localScale = Vector3.one * 0.001f;
textRectTransform.sizeDelta = new Vector2(2000, 1000);
text.font = Resources.GetBuiltinResource<Font>("Arial.ttf");
text.fontStyle = FontStyle.Bold;
text.alignment = TextAnchor.MiddleCenter;
text.color = Color.red;
text.fontSize = 300;
text.horizontalOverflow = HorizontalWrapMode.Wrap;
text.verticalOverflow = VerticalWrapMode.Overflow;
Canvas.gameObject.layer = LayerMask.NameToLayer(LayerToUse);
text.gameObject.layer = LayerMask.NameToLayer(LayerToUse);
text.text = "This is a dynamically generated example!";
// 7. finally assign the material to the child object and hope everything works ;)
innerObject.GetComponent<MeshRenderer>().material = textMaterial;
}
}
Basically reproducing all the steps from before. Since we can't create or edit Layers on runtime you have to know them beforehand and enter it as LayerToUse
.
I created every thing as child of the original object so it is easy to control and change it also later on runtime.