View source for SCI Studio Tutorial Chapter 5 - Editing Fonts

[[Category:SCI Pages]]<!-- [[SCI Studio Tutorial Chapter 27 - Additional Resources|27]]-->
[[SCI Tutorials and Guides|SCI Tutorials and Guides Table of Contents]]<br />
[[SCI Studio Tutorial 1#Table of Contents|SCI Studio Tutorial 1 Table of Contents]]
<div align="center">
Chapter: 
[[SCI Studio Tutorial Chapter 1 - An Introduction To SCI Resources|1]] | 
[[SCI Studio Tutorial Chapter 2 - Creating The Game|2]] | 
[[SCI Studio Tutorial Chapter 3 - Editing Views|3]] | 
[[SCI Studio Tutorial Chapter 4 - Editing Cursors|4]] | 
[[SCI Studio Tutorial Chapter 5 - Editing Fonts|5]] | 
[[SCI Studio Tutorial Chapter 6 - Editing Pics|6]] | 
[[SCI Studio Tutorial Chapter 7 - Editing The Vocabulary|7]] | 
[[SCI Studio Tutorial Chapter 8 - An Introduction To Scripts|8]] | 
[[SCI Studio Tutorial Chapter 9 - Elements of a Script|9]] | 
[[SCI Studio Tutorial Chapter 10 - Getting Familiar With Objects|10]] | 
[[SCI Studio Tutorial Chapter 11 - Variables|11]] | 
[[SCI Studio Tutorial Chapter 12 - Methods and Procedures|12]] | 
[[SCI Studio Tutorial Chapter 13 - Conditional and Looping Statements|13]] | 
[[SCI Studio Tutorial Chapter 14 - Making The Title Screen|14]] | 
[[SCI Studio Tutorial Chapter 15 - Programming The First Room|15]] | 
[[SCI Studio Tutorial Chapter 16 - Handling The Player's &quot;Said&quot; Input|16]] | 
[[SCI Studio Tutorial Chapter 17 - Creating and Using Props|17]] | 
[[SCI Studio Tutorial Chapter 18 - Handling The Inventory|18]] | 
[[SCI Studio Tutorial Chapter 19 - Creating and Using Actors|19]] | 
[[SCI Studio Tutorial Chapter 20 - Making An Additional Room|20]] | 
[[SCI Studio Tutorial Chapter 21 - Creating and Using Doors|21]] | 
[[SCI Studio Tutorial Chapter 22 - Handling The Player's Score|22]] | 
[[SCI Studio Tutorial Chapter 23 - Using The Death Handler|23]] | 
[[SCI Studio Tutorial Chapter 24 - Using The Print Procedures|24]] | 
[[SCI Studio Tutorial Chapter 25 - Customizing The Menubar|25]] | 
[[SCI Studio Tutorial Chapter 26 - Game Maintenance|26]]
</div>
<div align="center" style="font-size: 22pt">Chapter 5 - Editing Fonts</div>

<br />
==<br /> About Font Resources ==

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font.png]] || width="100%" | All the text you see in an SCI game is made up of font resources. Whether the text is on the menu, on the screen, or in a message box, it's all made up of font resources. Fonts can be edited with the font editor.
|}

==Getting Started==

In the Game Explorer, there's a list of the game's resources.

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font-Folder.png]] || width="100%" | Click on the font folder and the list of font resources will appear on the right, along with a preview of the first font.
|}


{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font-Default.png]] || width="100%" | Double click the second font resource (named "Default Font") and the font editor will open up. Default Font is the game's default font. It is used for the Menubar, window titles, and general text with an unspecified font.
|}

==The Font Editor==

[[File:SCIStudioTutorial-Font-Editor.png|center|The Font Editor]]

The Font Editor will load up with the font you selected. You can select the character you wish to edit with either the arrow buttons, or the character set on the right side bar. Once you've selected the char you wish to edit, you can modify it to your liking using the the drawing tools. These operate identical to the view editor and cursor editor's tools.

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font-SwapColors.png]] || width="100%" | By default, the left mouse button draws black pixels and the right button draws white pixels. This can be changed though, by clicking on the color swap button.
|}

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font-TesterButton.png]] || width="100%" | You can view all the characters in your font by clicking on the "Font Viewer" button. This will display a window showing all the characters in your font.
|}

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-Font-TesterButton.png]] || width="100%" | You can test your font with the font tester. Simply click on the "Font Tester" button. It will display an "Enter Input" window with an edit field allowing you to enter text.
|}

For the purpose of trying out the font editor, edit some characters. You can edit character #1 to change the game's first menu's image, for example.

Once done editing the font, you can save it.

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-SaveAs.png]] || width="100%" | Click the save button, and the "Add Resource" window will pop up. As discussed in chapter 3, you just need to click "OK".
|}

Now that the you've finished editing the font and saved it, you can close the Font Editor.

Back in the Resource Explorer, you will see that the font has been updated with your changes.<br />
&nbsp;

{| width="100%" cellspacing="1" cellpadding="3"
|-
| [[File:SCIStudioTutorial-RunButton.png]] || width="100%" | Click on the Run button in the main window's toolbar to play the game with your updated font. As soon as the game loads, you will see your updated characters.
|}

Congratulations! You now know how to edit font resources.

==<br /> References ==

<references />

==<br /> Related Links ==

* &nbsp;
&nbsp;

[[SCI Tutorials and Guides|SCI Tutorials and Guides Table of Contents]]<br />
[[SCI Studio Tutorial 1#Table of Contents|SCI Studio Tutorial 1 Table of Contents]]

<span style="float: left">[[SCI_Studio_Tutorial_Chapter_4_-_Editing_Cursors|&lt; Previous: Chapter 4 - Editing Cursors]]</span><span style="float: right">[[SCI_Studio_Tutorial_Chapter_6_-_Editing_Pics|Next: Chapter 6 - Editing Pics &gt;]]</span>
&nbsp;
[[Category:Technical Info]]
[[Category:References]]
[[Category:SCI References]]
[[Category:Development]]
[[Category:SCI Development]]
[[Category:Tutorials]]
[[Category:SCI Tutorials]]
[[Category:Guides & Other Help]]
[[Category:SCI Guides & Other Help]]
[[Category:Fonts]]