1<html> 2<head> 3<title>NW4C LayoutEditor Terminology</title> 4<link rel="stylesheet" href="../css/mainpage.css" type="text/css"> 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6</head> 7 8<body> 9 10<h3>NintendoWare for CTR</h3> 11<h1>LayoutEditor Terminology</h1> 12<p>This glossary defines terms and describes configurations commonly used with LayoutEditor in alphabetical order.</p> 13<p>For details on CTR graphics features, see the CTR manual.</p> 14 15<hr> 16 17<h3>Index</h3> 18 19<table border="0"> 20<tr valign="top"> 21<td> 22 23<ul> 24<li><a href="#bounding_pane">Bounding Pane (Boundary Condition Pane)</a></li> 25<li><a href="#bcfnt">bcfnt</a></li> 26<li><a href="#bclan">bclan</a></li> 27<li><a href="#bclyt">bclyt</a></li> 28</ul> 29 30<ul> 31<li><a href="#coordinate_system">Coordinate System</a></li> 32</ul> 33 34<ul> 35<li><a href="#interpolate_color">Interpolate Color</a></li> 36</ul> 37 38<ul> 39<li><a href="#layout_binary_converter">Layout Binary Converter</a></li> 40<li><a href="#layout_editor">LayoutEditor</a></li> 41<li><a href="#layoutlib">LayoutLib (Layout Library)</a></li> 42</ul> 43 44<ul> 45<li><a href="#material_color_animation">Material Color Animation</a></li> 46<li><a href="#multi_texture">Multiple Texture</a></li> 47</ul> 48 49<ul> 50<li><a href="#null_pane">Null Pane</a></li> 51</ul> 52 53</td> 54 55<td> 56 57<ul> 58<li><a href="#pane_srt_animation">Pane SRT Animation</a></li> 59<li><a href="#photoshop_plugin">Photoshop Plug-in</a></li> 60<li><a href="#picture_pane">Picture Pane</a></li> 61</ul> 62 63<ul> 64<li><a href="#clan">clan</a></li> 65<li><a href="#clyt">clyt</a></li> 66</ul> 67 68<ul> 69<li><a href="#safety_frame">Safety Frame</a></li> 70</ul> 71 72<ul> 73<li><a href="#textbox_pane">Text Box Pane</a></li> 74<li><a href="#texture_format">Texture Format</a></li> 75<li><a href="#texture_pattern_animation">Texture Pattern Animation</a></li> 76<li><a href="#texture_srt_animation">Texture SRT Animation</a></li> 77<li><a href="#tga_file_with_additional_information">TGA file with Additional Information</a></li> 78<li><a href="#nw4c_tga_file">NW4C TGA</a></li> 79</ul> 80 81<ul> 82<li><a href="#vertex_color_animation">Vertex Color Animation</a></li> 83<li><a href="#viewer">Viewer</a></li> 84<li><a href="#visibility_animation">Visibility Animation</a></li> 85</ul> 86 87<ul> 88<li><a href="#window_pane">Window Pane</a></li> 89</ul> 90 91</td> 92</tr> 93</table> 94 95 96<hr> 97 98<a name="bounding_pane"><h2>Bounding Pane (Boundary Condition Pane)</h2></a> 99<p>This pane is used for performing "hit" checks. Although it has position and shape information, it is not actually displayed.</p> 100<p>This is used to determine whether the cursor is located within a specified area.</p> 101 102 103<a name="bcfnt"><h2>bcfnt</h2></a> 104<p>These files contain font data converted into binary data.</p> 105<p>This is used as the display font for text box panes.</p> 106<p>The file extension is <span>bcfnt</span> (<span>B</span>inary <span>C</span>tr <span>F</span>o<span>NT</span>).</p> 107<p>These files are generated by Font Converter (<span>NW4C_FontConverter.exe</span> or <span>NW4C_FontConverterConsole.exe</span>).</p> 108<p>For details, see the Font Converter manual.</p> 109 110 111<a name="bclan"><h2>bclan</h2></a> 112<p>These files contain animation curves converted into binary data.</p> 113<p>The file extension is <span>bclan</span> (<span>B</span>inary <span>C</span>tr <span>L</span>ayout <span>AN</span>imation) for all animation types.</p> 114<p>These files are generated by LayoutEditor (<span>LayoutEditor.exe</span>) or Layout Converter (<span>NW4C_LayoutConverter.exe</span>).</p> 115 116 117<a name="bclyt"><h2>bclyt</h2></a> 118<p>These files contain layout data converted into binary data.</p> 119<p>The file extension is <span>bclyt</span> (<span>B</span>inary <span>C</span>tr <span>L</span>a<span>Y</span>ou<span>T</span>).</p> 120<p>These files are generated by LayoutEditor (<span>LayoutEditor.exe</span>) or Layout Converter (<span>NW4C_LayoutConverter.exe</span>).</p> 121 122 123<a name="coordinate_system"><h2>Coordinate System</h2></a> 124<p>Manages data in a coordinate system in which the positive x-axis direction is to the right, the positive y-axis direction is up, and the positive z-axis direction is into the screen.</p> 125 126 127<a name="interpolate_color"><h2>Interpolate Color</h2></a> 128<p>This feature specifies the lowest and highest intensity color when applying colors to an image having only intensity and essentially no RGB component.</p> 129<p>This feature is used when creating expressions such as tinting the entire screen blue. This is done by using LayoutEditor to set the interpolation color for white and black, then set the blue component for black color interpolation (whether or not the image is an intensity-only image) or darken the image by setting white color interpolation to gray.</p> 130 131 132<a name="layout_binary_converter"><h2>Layout Binary Converter</h2></a> 133<p>This converter is used to convert layout files to binary files.</p> 134<p>The executable filename is <span>NW4C_LayoutConverter.exe</span>. This may also be referred to as NW4C_LayoutConverter or lytcvtr.</p> 135<p>For details, see the Layout Binary Converter manual.</p> 136 137 138<a name="layout_editor"><h2>LayoutEditor</h2></a> 139<p>LayoutEditor is a GUI application for editing layouts and displaying layouts and animations through communication with the Viewer.</p> 140<p></p> 141 142 143<a name="layoutlib"><h2>LayoutLib (Layout Library)</h2></a> 144<p>This library was created to make the layout of images, windows, text boxes, and other items simple and efficient.</p> 145<p>Layouts are displayed and animations are played using layout binary files converted from layout files.</p> 146<p>Since the Viewer uses the Layout library to display layouts, expressions, and movements displayed in the Viewer can be reproduced as is within games.</p> 147 148 149<a name="material_color_animation"><h2>Material Color Animation</h2></a> 150<p>A material color animation is an animation in which the material color is made to change.</p> 151<p>This type of animation includes the animation of monochrome interpolation colors.</p> 152 153 154<a name="multi_texture"><h2>Multiple Texture</h2></a> 155<p>This indicates that two or more textures have been applied to a polygon. These are also called multi-layer textures.</p> 156<p>You can apply up to three textures simultaneously on a CTR system. When a different UV value is specified for each separate texture, it is called a "multi-UV texture."</p> 157<p>Multi-textures are set using LayoutEditor.</p> 158 159 160<a name="null_pane"><h2>Null Pane</h2></a> 161<p>The null pane is used as the basis for all panes. Although it has position and shape information, it is not actually displayed.</p> 162<p>This type of pane is used when doing things like setting parent-child relationships for multiple panes with the null pane as the parent, moving all panes together, or controlling whether the display is on or off.</p> 163 164 165<a name="pane_srt_animation"><h2>Pane SRT Animation</h2></a> 166<p>A pane SRT animation is an animation in which the pane's SRT (Scale, Rotate, and Translate) array and size are made to change.</p> 167<p>Scale corresponds to scaling, Rotate to rotation, and Translate to the display position.</p> 168 169 170<a name="photoshop_plugin"><h2>Photoshop Plug-in</h2></a> 171<p>This is a plug-in for Photoshop provided by NintendoWare.</p> 172 173 174<a name="picture_pane"><h2>Picture Pane</h2></a> 175<p>Picture panes are used to display images (textures).</p> 176<p></p> 177 178 179<a name="clan"><h2>clan</h2></a> 180<p>These files are used by LayoutEditor to save animation curves.</p> 181<p>The file extension is <span>clan</span> (<span>C</span>tr <span>L</span>ayout <span>AN</span>imation) for all animation types.</p> 182 183 184<a name="clyt"><h2>clyt</h2></a> 185<p>These files are used by LayoutEditor to save layout data.</p> 186<p>The file extension is <span>clyt</span> (<span>C</span>tr <span>L</span>a<span>Y</span>ou<span>T</span>).</p> 187 188 189<a name="safety_frame"><h2>Safety Frame</h2></a> 190<p>The Safety Frame is the area in which the image can be properly displayed on nearly all televisions. Images usually take up about 80% of the screen area.</p> 191<p>Information that is important to the game must be displayed within the range of the Safety Frame.</p> 192<p>For detailed information on the Safety Frame, see the separate Safety Frame Guidelines document.</p> 193<p>LayoutEditor allows you to set whether to show the area outside the safety frame using the <a href="../ui/dialog/environment.html">Tool Environment Setup Dialog</a>.</p> 194 195 196<a name="textbox_pane"><h2>Text Box Pane</h2></a> 197<p>Text box panes are used to display text.</p> 198<p></p> 199 200 201<a name="texture_format"><h2>Texture Format</h2></a> 202<p>You can use any of the following 14 texture formats handled by the CTR system.</p> 203<table class="arguments"> 204<tr><td>L4</td><td>4-bit luminance</td></tr> 205<tr><td>L8</td><td>8-bit luminance</td></tr> 206<tr><td>A4</td><td>alpha 4 bits</td></tr> 207<tr><td>A8</td><td>alpha 8 bits</td></tr> 208<tr><td>LA4</td><td>4-bit luminance and 4-bit alpha</td></tr> 209<tr><td>LA8</td><td>8-bit luminance and 8-bit alpha</td></tr> 210<tr><td>HILO8</td><td>8-bit R and 8-bit G components</td></tr> 211<tr><td>RGB565</td><td>5-bit R, 6-bit G, and 5-bit B components</td></tr> 212<tr><td>RGB8</td><td>8-bit RGB components</td></tr> 213<tr><td>RGB5_A1</td><td>5-bit RGB and 1-bit alpha components</td></tr> 214<tr><td>RGBA4</td><td>4-bit RGBA components</td></tr> 215<tr><td>RGBA8</td><td>8-bit RGBA components</td></tr> 216<tr><td>ETC1</td><td>Compressed RGB</td></tr> 217<tr><td>ETC1_A4</td><td>Compressed RGB and 4-bit alpha components</td></tr> 218</table> 219<p>The texture format is specified when using the Photoshop plug-in to save TGA files with attached additional information.</p> 220 221 222<a name="texture_srt_animation"><h2>Texture SRT Animation</h2></a> 223<p>A texture SRT animation is an animation in which the SRT (Scale, Rotate, and Translate) matrix of the texture displayed in the pane is made to change.</p> 224<p>This type of animation can be used to scroll and/or rotate textures by changing the SRT matrix.</p> 225 226 227<a name="texture_pattern_animation"><h2>Texture Pattern Animation</h2></a> 228<p>This type of animation swaps the textures being displayed for panes.</p> 229<p></p> 230 231<a name="tga_file_with_additional_information"><h2>TGA file with Additional Information</h2></a> 232<p>This is a TGA file with special information added for NintendoWare.</p> 233<p>Although additional information is attached, these files can be used just like conventional TGA files.</p> 234<p>TGA files with additional information are created and edited using the Photoshop plug-in.</p> 235 236<a name="nw4c_tga_file"><h2>NW4C TGA</h2></a> 237<p>This is another name for a TGA file with additional information.</p> 238 239<a name="vertex_color_animation"><h2>Vertex Color Animation</h2></a> 240<p>A vertex color animation is an animation in which the vertex colors of the four corners of a pane are made to change.</p> 241<p></p> 242 243 244<a name="viewer"><h2>Viewer</h2></a> 245<p>The Viewer displays layouts and animations on a computer.</p> 246<p>By communicating with LayoutEditor, the Viewer can be used to confirm changes made under LayoutEditor in real time.</p> 247 248 249<a name="visibility_animation"><h2>Visibility Animation</h2></a> 250<p>Visibility animation turns the display of panes on and off.</p> 251<p></p> 252 253 254<a name="window_pane"><h2>Window Pane</h2></a> 255<p>Window panes are used to display windows.</p> 256<p></p> 257 258 259 260 261<hr><p>CONFIDENTIAL</p></body> 262</html> 263