rotate text

Unity Engine
1

I’m just trying to port over some canvas ui to the new ui toolkit system. Is there a way to rotate text? Since this is all ccs-like I want to exactly as show here Text Rotation | CSS-Tricks

I looked at the documentation and there doesn’t appear to be anything similar to transform-origin, transform: rotate()

Is this something coming in future? Thanks!!

2

Check UnityEngine.UIElements.Experimental namespace.

3

don’t see anything useful there for what I’m asking

https://docs.unity3d.com/Packages/com.unity.ui@1.0/api/UnityEngine.UIElements.Experimental.StyleValues.html

4

We don’t yet support the transform properties from CSS in our USS. It’s on the roadmap. For now, the only way to rotate is to use C#. All VisualElements have a transform property that you can edit directly. Note that this is applied after all layouting has been computed so it will not affect layouting in any way (like, won’t change the size of the parent element when you rotate your text)

5

Thanks for the reply Damian! That’s what I figured! I’m happy to wait. I was just testing how quickly I can port our current canvas ui to toolkit, and that was one of the roadblocks. Otherwise porting was extremely quick!

1 Like
6

Is this still the case?

Is there support for non-American languages yet (e.g. Asian fonts that layout top-to-bottom)? Searching the docs + google I couldn’t find any mention.

7

Also: .transform doesn’t appear to work (at least in 2019 LTS): creating a row with three elements, then rotating it 90 degrees, causes each child element to rotate, and then layout on top of each other. This is hopeless - as a developer I now have to write an entire layout engine to plug the gap in … the layout engine :smile:.

Hopefully there’s something else that works, will keep looking.