View source for How to Add Characters and Icons to the Font

← How to Add Characters and Icons to the Font

Jump to: navigation, search

You do not have permission to edit this page, for the following reason:

The action you have requested is limited to users in the group: Users.

You can view and copy the source of this page.

== Icons ==
Any icons specific to The Powder Toy are allocated from one of the private use areas of unicode: U+E000 through U+F8FF. If you wish to add a new icon you should allocate it from that range.

== Compiling the font editor ==

The data for the font is specified in <code>resources/font.bz2</code> but editing that file by hand is a bad idea. The TPT source comes with a graphical editor for this file, which you can build by setting the <code>build_font</code> option to <code>true</code>, as explained in [[Building TPT with Meson|the meson guide]]. This will produce an executable called <code>font</code> or <code>font.exe</code>. You will have to pass the path to <code>resources/font.bz2</code> to it as a command line argument, e.g. <code>font.exe ..\resources\font.bz2</code> or <code>build\font.exe resources\font.bz2</code>.

== Editing the font ==

After opening <code>font.bz2</code> using the font editor you will be presented with a GUI. The top part contains the character currently being edited. Below you can select the unicode codepoint you're currently looking at (in hexadecimal, or using the arrows), make the character wider or narrower, create or delete the character, toggle the grid and the rulers (take a look at several uppercase and lowercase characters, characters with lower hooks and accents, to see how these rulers are used).
Below you can configure the foreground and background colors for the editor (sometimes useful for multi-colored icons). "Render" reflects your changes in the font editor program itself, and "Save" saves your changes into <code>font.bz2</code>. On the bottom left there is a text field into which you can enter codepoints in hexadecimal, and they will be rendered on the bottom right, this is to test what they look like among other text.

The font editor also supports some key bindings: Left and Right to switch between characters; Shift-Left, Right, Up, Down to shift the current character by 1 pixel in either direction; C to copy the current character and V to paste; Q to exit.

Once you're done with editing the font press "Save" and exit. This will update <code>font.bz2</code> so next time you compile TPT it will include your changes to the font.

== Menu Icons ==

Defines for the menu sections are located in <code>simulation/SimulationData.h</code>. Take a look at <code>LoadMenus()</code> in <code>simulation/SimulationData.cpp</code>. The first column is the unicode codepoint for the icon, the second column is the menu name. These are what you need to edit to create a new menu.

[[Category:Development]]

Return to How to Add Characters and Icons to the Font.

Retrieved from "https://powdertoy.co.uk/Wiki/W/How_to_Add_Characters_and_Icons_to_the_Font.html"

The Powder Toy

View source for How to Add Characters and Icons to the Font

Navigation menu

Namespaces

Variants

Views

More

Personal tools

Navigation

Tools