1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2<HTML> 3<HEAD> 4<META http-equiv="Content-Type" content="text/html; charset=windows-1252"> 5<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> 6<META http-equiv="Content-Style-Type" content="text/css"> 7<TITLE>Banner Creation Procedure Using NITRO-CHARACTER</TITLE> 8<LINK rel="stylesheet" href="../css/nitro.css" type="text/css"> 9<STYLE type="text/css"> 10<!-- 11.sample_source{ 12 background-color : #e8e8e8; 13} 14H3{ 15 color : teal; 16} 17.command_list{ 18 margin-bottom : 16pt; 19} 20.command_desc{ 21 } 22.command_item{ 23 margin-top : 16pt; 24 background-color : #e8e8e8; 25} 26.blockquoted_table { 27 border : 1px; 28 width : 80%; 29} 30TD,TH{ 31 border-color : #c0d8d8; 32 padding : 1pt 4pt 1pt 4pt; 33 border-width : 1px; 34 border-style : solid; 35} 36--> 37</STYLE> 38</HEAD> 39<BODY> 40<H1 align="left">Banner Creation Procedure Using NITRO-CHARACTER<IMG src="../image/TWL.gif" align="middle"></H1> 41<H2>Description</H2> 42<P>This page describes how to create necessary TWL banners for TWL applications using NITRO-CHARACTER. 43</P><P> 44In addition to this method, TWL banners can also be created using <A href="ntexconv.html"><CODE>ntexconv</CODE></A>.<BR> For information on how to create TWL banners using <A href="ntexconv.html"><CODE>ntexconv</CODE></A>, see <A href="bannercvtr.html"><CODE>bannercvtr</CODE></A>.</P> 45<H2>Samples</H2> 46<P>A sample is given below. The description uses this sample.</P> 47<P><CODE>$TwlSDK/build/demos.TWL/tips/TWLBanner_anim1/banner/SDK_demo</CODE></P> 48<H2>Limitations</H2> 49<H3>Color Palette</H3> 50<P>Use a color palette setting of "16 color × 16 palette (standard)," and number 0.<BR> <FONT color=#ff0000>A palette other than number 0 cannot be used.</FONT></P> 51<IMG src="banner_palette.gif" border="0"></P> 52 53<H3>Characters</H3> 54<P>For characters, use 16 colors x 16 palettes (standard).<BR>For the size, specify 32 x 4 (chr) freesize.</P> 55<P><IMG src="banner_character.gif" border="0"></P> 56 57<H3>Cells</H3> 58<P>For the cell mapping mode, use 1D mode (32K) and object compression mode for the entire file.</P> 59<P><IMG src="banner_cell1.gif" border="0"></P> 60<P>Place only one 32 x 32 bit object in a single cell. Place the object in the center for preview purposes.<BR> Although top/bottom or left-right flipping of the cell is reflected by the banner icon, there is no effect on the position, transparency, window, mosaic, rotation and scaling flag, or double-width flag.</P> 61<P><IMG src="banner_cell2.gif" border="0"></P> 62 63<H3>Cell Animations</H3> 64<P>Cell animation number 1 is converted. Cell animation operations (STOP/LOOP) are reflected in the banner icon.<BR> The number of items in the sequence data must be 63 or fewer for a STOP animation, or 64 or fewer for a LOOP animation. The number of display frames in sequence data must be 255 or fewer.<BR> The position, scaling, and rotation of the sequence data are not applied to the banner icon.</P> 65 66<P><FONT color=#ff0000>However, there are restrictions on vertical and horizontal flipping ("VH" from the <B>Flip</B> field).<BR> You cannot change only the vertical or horizontal flip settings between the previous sequence (<B>No.</B>) and the next sequence without changing the character number (<B>Num.</B>).<BR> For example, you cannot create an animation that only flips vertically or horizontally while the cell's character number always stays the same.<BR> For such an animation, always create and use a cell with a different character number.<BR> When an animation is set to LOOP, the same restrictions apply between the first and last sequences.</FONT></P> 67<H2>Preview</H2> 68<P>Use NITRO Viewer for previewing. Launch the following tool packaged with TWL-System.</P> 69<P><CODE>% $TwlSystem/tools/NitroViewer/***_NITRO-Viewer_Controller.bat</CODE></P> 70<P>Display is made in the upper screen by default. Switch the display to the lower screen using the L Button + Select Button.</P> 71<P>When previewing along with a background for the TWL launcher screen, copy the following files in the sample to your own project folder.</P> 72<P><CODE>$SDK_demo/ColorPalette/banner_background(0~F).ncl<BR> $SDK_demo/Character/banner_background.ncg<BR> $SDK_demo/Character/Screen/banner_background0.nsc<BR> $SDK_demo/Character/Screen/banner_background1.nsc<BR> $SDK_demo/Character/Screen/banner_background2_CARD.nsc<BR> $SDK_demo/Character/Screen/banner_background2_NAND.nsc<BR> $SDK_demo/Character/Screen/banner_background3.nsc</CODE></P> 73<P>Make the following preview settings. Preview settings used in the sample are described below.</P> 74<P><IMG src="banner_preview.gif" border="0"></P> 75<P>Set the first file listed for the background and set the cell animation for the created banner in the animation list.</P> 76<TABLE> 77 <TBODY> 78 <TR> 79 <TH>Number</TH> 80 <TH>Description</TH> 81 </TR> 82 <TR> 83 <TD>01</TD> 84 <TD>The color of the frame surrounding the banner can be changed by changing the color palette.<BR> For TWL units, the color set using [User information]-[User color] under system settings is used.<BR> Each color palette corresponds to the color given by <A href="../os/ownerInfo/os_favorite_color_const.html"><CODE>OS_FAVORITE_COLOR_*</CODE></A>. 85 </TD> 86 </TR> 87 <TR> 88 <TD>02</TD> 89 <TD>The background displayed differs for card applications and NAND applications.<BR> For card applications, use <CODE>banner_background2_CARD.nsc</CODE>. For NAND applications, use <CODE>banner_background2_NAND.nsc</CODE>. 90 </TD> 91 </TR> 92 <TR> 93 <TD>03</TD> 94 <TD>Set the Y coordinate of <CODE>banner_background1.nsc</CODE> to 1 and the Y coordinate of <CODE>banner_background2_****.nsc</CODE> to 2.</TD> 95 </TR> 96 <TR> 97 <TD>04</TD> 98 <TD>When setting the cell animation, set the X coordinate to 128 and the Y coordinate to 114.<BR> (When the cell is located in the center)</TD> 99 </TR> 100 </TBODY> 101</TABLE> 102 103<H2>See Also</H2> 104<P><A href="about_Banner.html">Banner (overview)</A><BR> <A href="makebannerTWL.html"><CODE>makebanner.TWL</CODE></A><BR> <A href="ntexconv.html"><CODE>ntexconv</CODE></A><BR> <A href="bannercvtr.html"><CODE>bannercvtr</CODE></A></P> 105<H2>Revision History</H2> 106<P>2008/11/28 Initial version.</P> 107<hr><p>CONFIDENTIAL</p></body> 108</HTML>
