1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3<html> 4<head> 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6<meta http-equiv="Content-Style-Type" content="text/css"> 7<link href="../css/manpage.css" rel="stylesheet" type="text/css"> 8<title>Layout Viewer</title> 9</head> 10<body> 11 12<h1 id="HISTORY">Layout Viewer</h1> 13 14<p>Layout Viewer can be used to emulate and display on a PC the layout data created by LayoutEditor to check the contents of the layout and play animations. 15 16 17<!-- =================================================== --> 18</p> 19<h2>Starting Up</h2> 20<p>The environment variable W4C_ROOT must be configured. Normally you specify the directory <CODE>NintendoWare\CTR</CODE>.</p> 21<p>Layout Viewer is installed to <CODE>(NW4C_ROOT)\tools\LayoutEditor\Viewer\Win32 </CODE>.</p> 22<p>If you start LayoutEditor and select <B>Menu </B>→<B>Tools </B>→<B>Transfer to Viewer</B>, the Layout Viewer window will open automatically and the data will be transferred.</p> 23<h2>How to Use</h2> 24<p>The following operations can be performed on the Viewer using PC key operations.</p> 25 26<table width="200" border="1"> 27 <thead> 28 <tr> 29 <td>Key Operations</td> 30 <td>Description</td> 31 </tr> 32 </thead> 33 <tbody> 34 <tr> 35 <td>A</td> 36 <td>Starts and stops animation playback.</td> 37 </tr> 38 <tr> 39 <td>B</td> 40 <td>Resets the animation frame to 0.</td> 41 </tr> 42 <tr> 43 <td>R</td> 44 <td>Toggles information display show/hide.</td> 45 </tr> 46 <tr> 47 <td>E</td> 48 <td> Switches the screen that is the target of operations (upper/lower).</td> 49 </tr> 50 <tr> 51 <td>T</td> 52 <td>Shows the Settings window.</td> 53 </tr> 54 <tr> 55 <td>Arrow keys Up/Down</td> 56 <td>Switches the operation item.</td> 57 </tr> 58 <tr> 59 <td>Arrow keys Left/Right</td> 60 <td>Changes value.</td> 61 </tr> 62 </tbody> 63</table> 64<p> </p> 65<h2>Display of Layout</h2> 66 67<p>The Layout Viewer screen displays the following information.</p> 68<p><img src="images/lyt_vwr_main.gif"></p> 69<h3>Information Display Areas</h3> 70<p>The item that is the target of operations is displayed in red.<br> Use the Up/Down arrow keys to change the operation target item.</p> 71<ol class="ui"> 72 <li>Animation Frame 73 <p>Displays the frame information for the animation currently operating.</p> 74 <p>The number at the left is the current frame; at right, the total number of frames.</p> 75 <p>The Animation Frame is not shown if there is no attached animation.</p> 76 <p>You can change the current frame using the Left/Right arrow keys.<br> Left arrow key: Moves one frame backward in the layout animation. Right arrow key: Moves one frame forward in the layout animation.</p> 77</li> 78<li>Animation Information 79 <p>Displays information about the animation targeted for operations.</p> 80 <p><B>ANIM:ALL</B> indicates that the entire animation is displaying/playing.<br> If animation segment tags have been set, the range of frames specified by these tags can be shown or played.<br> What displays at this time is <B>ANIM: animation segment tag name</B>.</p> 81 <p>Below this, the serial number of the currently-displayed animation and the total number of animations are displayed.</p> 82 <p>Each press of the Right arrow key toggles through in this order:<br>[Entire animation] > [1st animation segment tag] > [2nd animation segment tag] > .... <br> Each press of the Left arrow key toggles through in the reverse order. 83 </p> 84</li> 85<li>Switch Animation Target Mode 86 <p>When groups have been configured, select whether to play animation one pane at a time or one group at a time.</p> 87 <p>Switch the mode using the Up/Down arrow keys.<br> The state selected here switches the below content of <B>D. Switch Animation Target</B> below. <br> <B>When Target: Pane</B> is selected, switching is done on a pane basis.<br> <B>When Target: GROUP</B> is selected, switching is done on a group basis. </p> 88</li> 89<li>Switch Animation Target 90 <p>Select pane or group as the animation operation target.</p> 91 <p>Switch between pane and group using the Left/Right arrow keys.</p> 92 <p>◇ When <B>Target: PANE</B><br><B>PANE:ALL</B> targets all panes containing animations.<br> <B>PANE: pane name</B> targets the pane whose name is displayed.</p> 93 <p>◇ When <B>Target: GROUP</B><br><B>PANE:ALL</B> targets all groups containing animations.<br> <B>GROUP: group name</B> targets the group whose name is displayed.</p> 94</li> 95<li>Null Pane and Boundary Pane Display 96 <p>By definition, null panes and boundary panes are not displayed because they do not contain content to render. However, it is possible to force their outlines to display to make them visible on the Viewer. <br> When <B>NULL:OFF</B> is selected, null panes and boundary panes are not displayed. <br> When <B>NULL:DISP</B> is selected, null panes and boundary panes are displayed as green outlines.</p> 97</li> 98<li>Camera 99 <p>Displays the current camera mode.</p> 100 <p>Switch the camera mode using the Left/Right arrow keys.<br> <B>CAM:ORTHO</B> is for normal 2D display.<br> <B>CAM:PERS</B> is for 3D-like display. The smaller the pane's Z value, the smaller things display.</p> 101 <p>The camera takes its <CODE>Near</CODE>, <CODE>Far</CODE>, <CODE>Fovy </CODE>settings from the <a href="#VWR_SET_WIN">Settings window</a>.</p> 102</li> 103<li>Layout Size 104 <p>Indicates the width and height (in pixels) of the displayed layout.</p> 105 <p>The width and height of a layout are set in the LayoutEditor using Layout Environment Settings under the File menu.</p> 106</li> 107</ol> 108<br> 109 110<h3>Settings Window<a name="VWR_SET_WIN"></a></h3> 111<p>Open the Settings window by pressing the <B>T</B> key on the PC.</p> 112<p>Here you can configure the camera and frame rate.</p> 113<p><img src="images/lyt_vwr_cam.gif" width="360" height="374"></p> 114 <ul> 115 <li><B>Ortho Camera</B><br>Sets the <CODE>Near</CODE>, <CODE>Far</CODE> values for <B>CAM :ORTHO</B>.</li> 116 <li><B>Ortho Camera</B><br>Sets the <CODE>Near</CODE>, <CODE>Far</CODE>, <CODE>Fovy</CODE> values for <B>CAM :PERS</B>.</li> 117 <li><B>FrameRate</B><br>Sets the frame rate to 20, 30 or 60 frames.<br> The actual frame rate is shown in the upper right part of the screen.</li> 118 </ul> 119<p> </p> 120<hr><p>CONFIDENTIAL</p></body> 121</html> 122
