1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<HTML><HEAD><TITLE>Communication Icon</TITLE>
3<META http-equiv=Content-Type content="text/html; charset=utf-8">
4<META http-equiv=Content-Style-Type content="text/css">
5<STYLE type="text/css">BODY {
6	FONT-WEIGHT: normal; MARGIN: 8px; COLOR: #000000
7}
8DIV {
9	WIDTH: 98%; WHITE-SPACE: nowrap
10}
11DIV.title {
12	BORDER-RIGHT: #CD202C 8px double; PADDING-RIGHT: 4px; BORDER-TOP: #CD202C 8px double; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 4px; MARGIN: 4px; BORDER-LEFT: #CD202C 8px double; COLOR: #202020; PADDING-TOP: 4px; BORDER-BOTTOM: #CD202C 8px double; TEXT-ALIGN: left
13}
14H1 {
15	FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 1px; BORDER-BOTTOM: #CD202C 5px solid; FONT-FAMILY: Arial; LETTER-SPACING: normal
16}
17H2 {
18	BORDER-RIGHT: #CD202C 0px; BORDER-TOP: #CD202C 0px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-LEFT: 2px; BORDER-LEFT: #CD202C 8px double; BORDER-BOTTOM: #CD202C 2px solid
19}
20CODE {
21	FONT-SIZE: 10pt; LEFT: 12px; FONT-FAMILY: "Courier New", monospace
22}
23TABLE {
24	PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 10pt; LEFT: 12px; MARGIN: 2pt 0pt; BORDER-TOP-STYLE: none; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none
25}
26TD {
27	BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left
28}
29TH {
30	BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left
31}
32TD {
33	FONT-WEIGHT: normal; BACKGROUND: #e8f4f4
34}
35TH {
36	FONT-WEIGHT: bold; BACKGROUND: #c0d8d8
37}
38P {
39	MARGIN-LEFT: 4px
40}
41P.code {
42	FONT-SIZE: 10pt; BACKGROUND: #e8f4f4; LEFT: 12px; FONT-FAMILY: "Courier New", monospace
43}
44</STYLE>
45
46<META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD>
47<BODY><A name=top></A>
48
49<H1>Communication Icons</H1>
50
51<h2>Contents</h2>
52<ul style='list-style-type: none'>
53    <li>1. <a href="#ss0100">Introduction</a></li>
54    <li>2. <a href="#ss0200">Policy Regarding the Use of the Communication Icons</a>
55        <ul style='list-style-type: none'>
56            <li>2.1 <a href="#ss0210">Requirements Regarding Use of Graphics</a></li>
57            <li>2.2 <a href="#ss0220">Notes When Using the Supplied Communication Icons</a></li>
58        </ul>
59    </li>
60    <li>3. <a href="#ss0300">Types of Reception Strength Icon</a>
61        <ul style='list-style-type: none'>
62            <li>3.1 <a href="#ss0310">Internet Communication Status (Four Levels)</a></li>
63            <li>3.2 <a href="#ss0320">Local Communication Status (Four Levels)</a></li>
64            <li>3.3 <a href="#ss0330">Status in Which the Wireless Switch Is ON but None of the Above Three Communication Types Are Being Performed (One Level)</a></li>
65            <li>3.4 <a href="#ss0340">Status in Which the Wireless Switch Is OFF (One Level)</a></li>
66        </ul>
67    </li>
68    <li>4. <a href="#ss0400">StreetPass Icon (Four Levels)</a></li>
69    <li>5. <a href="#ss0500">Communication Icon Graphics Data</a></li>
70    <li>6. <a href="#ss0600">Precautions on the Use of Data</a></li>
71    <li>7. <a href="#ss0700">Revision History</a></li>
72</ul>
73
74
75<h2>1. <a name="ss0100">Introduction</a></h2>
76<p>
77    This document describes graphics data specifications for communication icons used on the CTR HOME Menu. The following icon patterns, indicating the four communication modes, may be used for the communication icon. The sections to follow will describe precautions and how to use communication icons in each communication mode.
78</p>
79<p>
80    Table 1-1 <a name="tb0101">All 14  Communication Icon Patterns</a>
81</p>
82<div class="table">
83<table border="1">
84<thead>
85    <tr>
86    <th rowspan='2' style='text-align: center'></th>
87    <th colspan='4' style='text-align: center'>Types of Reception Strength Icons</th>
88    <th rowspan='2' style='text-align: center'>StreetPass</th>
89    </tr>
90    <tr>
91    <th style='text-align: center'>Internet<br />(including NintendoZone)</th>
92    <th style='text-align: center'>Local Communications</th>
93    <th style='text-align: center'>Wireless ON.</th>
94    <th style='text-align: center'>Wireless OFF</th>
95    </tr>
96</thead>
97<tbody>
98    <tr>
99    <td style='text-align: center'>Level 1</td>
100    <td style='text-align: center'><img src="img/internetIcon1.jpg"></td>
101    <td style='text-align: center'><img src="img/localIcon1.jpg"></td>
102    <td style='text-align: center'><img src="img/wirelessOn.jpg"></td>
103    <td style='text-align: center'><img src="img/wirelessOff.jpg"></td>
104    <td style='text-align: center'><img src="img/cecIcon1.jpg"></td>
105    </tr>
106    <tr>
107    <td style='text-align: center'>Level 2</td>
108    <td style='text-align: center'><img src="img/internetIcon2.jpg"></td>
109    <td style='text-align: center'><img src="img/localIcon2.jpg"></td>
110    <td style='text-align: center'></td>
111    <td style='text-align: center'></td>
112    <td style='text-align: center'><img src="img/cecIcon2.jpg"></td>
113    </tr>
114    <tr>
115    <td style='text-align: center'>Level 3</td>
116    <td style='text-align: center'><img src="img/internetIcon3.jpg"></td>
117    <td style='text-align: center'><img src="img/localIcon3.jpg"></td>
118    <td style='text-align: center'></td>
119    <td style='text-align: center'></td>
120    <td style='text-align: center'><img src="img/cecIcon3.jpg"></td>
121    </tr>
122    <tr>
123    <td style='text-align: center'>Level 4</td>
124    <td style='text-align: center'><img src="img/internetIcon4.jpg"></td>
125    <td style='text-align: center'><img src="img/localIcon4.jpg"></td>
126    <td style='text-align: center'></td>
127    <td style='text-align: center'></td>
128    <td style='text-align: center'><img src="img/cecIcon4.jpg"></td>
129    </tr>
130</tbody>
131</table>
132</div>
133
134<div align="right"><a href="#top">Back to top</a></div>
135
136
137<h2>2. <a name="ss0200">Policy Regarding the Use of the Communication Icons</a></h2>
138
139<h3>2.1 <a name="ss0210">Requirements Regarding Use of Graphics</a></h3>
140<p>
141    With the CTR, you can return to the HOME Menu any time while an application is running. Because you can check the reception mode and reception strength on the HOME Menu, applications are not required to display communication icons. If you are displaying communication icons for an application, you are not required to use the communication icons supplied with CTR-SDK.  As such, there is no problem creating your own communication icons to match the look and feel of your application.  Furthermore, there is no problem with not displaying communication icons depending on software attributes.
142</p>
143
144<h3>2.2 <a name="ss0220">Notes When Using the Supplied Communication Icons</a></h3>
145<p>
146    If you use the communication icons supplied in CTR-SDK with an application, be sure to implement them so that their behavior is the same as the communication icons found on the HOME Menu. Otherwise, the user may become confused as to why the behavior of icons within the application differs from that of icons on the HOME Menu even though they appear to be identical.  Make sure that behavior is consistent in order to avoid such confusion. For details, see the display of each icon described later and the functions related to their display.
147</p>
148
149<div align="right"><a href="#top">Back to top</a></div>
150
151
152<h2>3. <a name="ss0300">Types of Reception Strength Icons</a></h2>
153<p>
154    The reception strength icons indicate both the <B>current communication mode</B> and <B>signal status</B>.
155</p>
156
157<h3>3.1 <a name="ss0310">Internet Communication Status (Four Levels)</a></h3>
158<p>
159    Use the following four icons when performing communications in infrastructure mode (Internet communications).  These icons are also used when communicating with Nintendo Zone.
160</p>
161<p>
162    Figure 3-1 <a name="fg0301">Icons for Internet Communication</a><br /> <img src="img/internetIcon1.jpg"> <img src="img/internetIcon2.jpg"> <img src="img/internetIcon3.jpg"> <img src="img/internetIcon4.jpg">
163</p>
164<p>
165    Each icon shows one of four possible signal strenghs. Icons to the right indicate better signal strength. During implementation, make the display change according to the value returned by the <CODE>nn::ac::CTR::LinkLevel</CODE> function.
166</p>
167<p>
168    Table 3-1 <a name="tb0301">Correspondence Between the Return Value of the <CODE>nn::ac::CTR::LinkLevel</CODE> Function and the Displayed Icon</a>
169</p>
170<div class="table">
171<table border="1">
172<thead>
173    <tr>
174    <th>Return value of the <CODE>nn::ac::CTR::LinkLevel</CODE> function</th>
175    <th>Icon</th>
176    </tr>
177</thead>
178<tbody>
179    <tr>
180    <td><CODE>LINK_LEVEL_0</CODE></td>
181    <td><img src="img/internetIcon1.jpg"></td>
182    </tr>
183    <tr>
184    <td><CODE>LINK_LEVEL_1</CODE></td>
185    <td><img src="img/internetIcon2.jpg"></td>
186    </tr>
187    <tr>
188    <td><CODE>LINK_LEVEL_2</CODE></td>
189    <td><img src="img/internetIcon3.jpg"></td>
190    </tr>
191    <tr>
192    <td><CODE>LINK_LEVEL_3</CODE></td>
193    <td><img src="img/internetIcon4.jpg"></td>
194    </tr>
195</tbody>
196</table>
197</div>
198
199<h3>3.2 <a name="ss0320">Local Communication Status (Four Levels)</a></h3>
200<p>
201    Use the following icons during UDS communication.
202</p>
203<p>
204Figure 3-2 <a name="fg0302">Local communication icon</a><br /> <img src="img/localIcon1.jpg"> <img src="img/localIcon2.jpg"> <img src="img/localIcon3.jpg"> <img src="img/localIcon4.jpg">
205</p>
206<p>
207Each icon shows one of four possible signal strengths. Icons to the right indicate better signal strength. During implementation, make the display change based on the value returned by the <CODE>nn::ac::CTR::LinkLevel</CODE> function the same way as the internet communication.
208</p>
209
210<h3>3.3 <a name="ss0330">Status in Which the Wireless Switch Is ON but None of the Above Three Communication Types Are Being Performed (One Level)</a></h3>
211<p>
212    Use this icon when the wireless switch on the CTR is on, but none of the three communication modes described previously (Internet, StreetPass, or Local) are currently being used.
213</p>
214<p>
215    Figure 3-3 <a name="fg0303">Icon Used When the Wireless Switch Is ON but No Communication Is Being Performed</a><br /> <img src="img/wirelessOn.jpg">
216</p>
217<p>
218    Signal status is not indicated in this mode.
219</p>
220
221<h3>3.4 <a name="ss0340">Status in Which the Wireless Switch Is OFF (One Level)</a></h3>
222<p>
223    Use this icon when the wireless switch on the CTR is OFF.  Use the <CODE>nn::nwm::CTR::GetCommuniationMode</CODE> function for getting the current wireless mode when determining if the wireless switch is OFF. Display this icon when the return value of the function is WIFIOFF_MODE.
224</p>
225<p>
226    Figure 3-4 <a name="fg0304">Icon Used When the Wireless Switch Is OFF</a><br /> <img src="img/wirelessOff.jpg">
227</p>
228
229<div align="right"><a href="#top">Back to top</a></div>
230
231
232<h2>4. <a name="ss0400">StreetPass Icon (Four Levels)</a></h2>
233<p>
234    Use StreetPass communication icons to indicate that StreetPass communication is enabled. Unlike the reception strength icons described previously, these icons do not indicate signal strength.  These icons are used to indicate that StreetPass communication is enabled.
235</p>
236<p>
237    Figure 4-1 <a name="fg0401">Icons for StreetPass Communication</a><br /> <img src="img/cecIcon1.jpg"> <img src="img/cecIcon2.jpg"> <img src="img/cecIcon3.jpg"> <img src="img/cecIcon4.jpg">
238</p>
239<p>
240    Use a loop animation made up of the four patterns above when displaying this information. Display them in a loop that repeats in the order of 0 bars, 1 bar, 2 bars, and then 3 bars every 60 f (1 sec).
241</p>
242
243<div align="right"><a href="#top">Back to top</a></div>
244
245
246<h2>5. <a name="ss0500">Communication Icon Graphics Data</a></h2>
247<p>
248    Distributed communication icon data is provided in .psd format.  Convert this data to the format best suited for your application development environment. Image data files are located in the following directory in CTR-SDK. $CTR_SDK/resources/icon/ConnectionIcon
249</p>
250<p>
251    The layer configuration of .psd files is as follows. The Dummy layer does not need to be output. <img src="img/wireless_layer.png">
252</p>
253
254<div align="right"><a href="#top">Back to top</a></div>
255
256
257<h2>6. <a name="ss0600">Precautions on the Use of Data</a></h2>
258<h4>Modifications</h4>
259<p>
260    Icons <b>cannot be modified</b>. Do not switch to original colors or make changes to the image pattern.
261</p>
262
263<h4>Use of a background mask</h4>
264<p>
265    There is no problem with adding a mask to the icon background for the purpose of increasing icon visibility.  There are no specifications or restrictions on the design of this mask.
266</p>
267
268<div align="right"><a href="#top">Back to top</a></div>
269
270
271<h2>7. <a name="ss0700">Revision History</a></h2>
272    <dl>
273        <dt>2011/06/06</dt>
274        <dd>Initial version.</dd>
275    </dl>
276
277<div align="right"><a href="#top">Back to top</a></div>
278
279
280<hr><p>CONFIDENTIAL</p></BODY></HTML>