Difference between revisions of "Text Extrude"

From PowerUI
Jump to: navigation, search
(Created page with "PowerUI's text library InfiniText loads fonts directly which gives it full access to all of the glyphs. There's lots of ways in which that can be exploited, and one exampl...")
 
(Usage)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
PowerUI's text library [[InfiniText]] loads fonts directly which gives it full access to all of the glyphs. There's lots of ways in which that can be exploited, and one example is the non-standard CSS text-extrude property. It is designed for use on a [[WorldUI]] so you can, for example, display e.g. "CITY LIBRARY" in localized, formatted, 3D text within your game.
+
PowerUI's text library [[InfiniText]] loads fonts directly which gives it full access to all of the glyphs. There's lots of ways in which that can be exploited, and one example is the non-standard CSS text-extrude property. It is designed for use on a [[World UI]] so you can, for example, display e.g. "CITY LIBRARY" in localized, formatted, 3D text within your game.
  
 
== Usage ==
 
== Usage ==
Line 12: Line 12:
  
 
The length is how far, in world units, to extrude the text. Other formatting, such as bold/ italic/ underlines and the colour will all be adopted by the 3D variant. It will also be located exactly where the flat version of the text would've been, so you can use any positioning that you wish with it.
 
The length is how far, in world units, to extrude the text. Other formatting, such as bold/ italic/ underlines and the colour will all be adopted by the 3D variant. It will also be located exactly where the flat version of the text would've been, so you can use any positioning that you wish with it.
 +
 +
Essentially, 3D text with the complete power of a layout engine.

Latest revision as of 16:13, 2 April 2018

PowerUI's text library InfiniText loads fonts directly which gives it full access to all of the glyphs. There's lots of ways in which that can be exploited, and one example is the non-standard CSS text-extrude property. It is designed for use on a World UI so you can, for example, display e.g. "CITY LIBRARY" in localized, formatted, 3D text within your game.

Usage

It's as simple as declaring a CSS property:

text-extrude: <length>

The length is how far, in world units, to extrude the text. Other formatting, such as bold/ italic/ underlines and the colour will all be adopted by the 3D variant. It will also be located exactly where the flat version of the text would've been, so you can use any positioning that you wish with it.

Essentially, 3D text with the complete power of a layout engine.