138 lines
4.5 KiB
HTML
138 lines
4.5 KiB
HTML
<!DOCTYPE public "-//w3c//dtd html 4.01 transitional//en"
|
|
"http://www.w3.org/TR/html4/loose.dtd">
|
|
<html>
|
|
<!--
|
|
copyright : (C) 2003-2004 Bernhard Wymann
|
|
email : berniw@bluewin.ch
|
|
version : $Id$
|
|
|
|
Permission is granted to copy, distribute and/or modify this document
|
|
under the terms of the GNU Free Documentation License, Version 1.2
|
|
or any later version published by the Free Software Foundation;
|
|
with no Invariant Sections, no Front-Cover Texts, and no Back-Cover
|
|
Texts. A copy of the license is included in the section entitled "GNU
|
|
Free Documentation License".
|
|
|
|
-->
|
|
<head>
|
|
<title>creating the pit logo</title>
|
|
<link rel="stylesheet" type="text/css" href="../../../css/format.css"/>
|
|
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
|
|
<meta name="description" content="creating a pit logo"/>
|
|
<meta name="author" content="Bernhard Wymann"/>
|
|
<meta name="keywords" content="torcs, berniw, bernhard wymann, logo, pit"/>
|
|
<script src="../../../js/utilities.js" type="text/javascript"></script>
|
|
<style type="text/css">
|
|
<!--
|
|
#shot1 { float:left; border:0px; width:128px; height:128px; border-style:hidden; margin-bottom:5px; margin-right:10px; }
|
|
#shot2 { float:left; border:0px; width:640px; height:256px; border-style:hidden; margin-bottom:5px; margin-right:10px; }
|
|
-->
|
|
</style>
|
|
</head>
|
|
|
|
<body bgcolor="#ffffff">
|
|
<table class="maincontent">
|
|
<tr>
|
|
<td class="maincontent">
|
|
|
|
<h1>6.2 Creating the Pit Logo</h1>
|
|
|
|
<h3>Anatomy of the Pit Logo</h3>
|
|
<p>
|
|
<img id="shot1" src="images/logo_demo.jpg" alt="logo anatomy" border="0"></img>
|
|
The image on the left shows the anatomy of the pit logo for a resolution of
|
|
128x128 pixels. In the following discussion I will put the numbers for a 256x256
|
|
logo in braces. Lets start with the grey border. This border defines the colour
|
|
of the pit wall outside the logo area. Its width has to be one pixel, independent of
|
|
the logo resolution. The visible logo sits inside this border and has a size of
|
|
126x85 (254x171) pixels. In the lower left part of the logo you should put the
|
|
flag of your country (most often images of the flag are available on your
|
|
country's homepage), the size is 62x42 (124x84) pixels. On the bottom right
|
|
is space left for another logo of your team with 66x42 (132x84) pixels.
|
|
I think the lower logo parts
|
|
will be used in the future for driver selection and results.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="maincontent">
|
|
<tr>
|
|
<td class="maincontent">
|
|
|
|
<h3>Create the Logo</h3>
|
|
<p>
|
|
You can create your logo with the
|
|
<a href="http://www.gimp.org" target="_parent">GIMP</a>. When you finished your pit logo
|
|
save it in the SGI format with the name "logo.rgb". Put it into the
|
|
<span style="color:red;">bt</span> source directory if you want that
|
|
logo for the whole team or into the <span style="color:red;">bt/0</span> directory
|
|
if you want it just for the car <span style="color:red;">bt 1</span>.
|
|
</p>
|
|
|
|
<h3>Changing the Makefile</h3>
|
|
<p>
|
|
Here I assume that we want to deploy one logo for the whole team, so the logo is in the
|
|
<span style="color:red;">bt</span> directory. Now change in the Makefile in this directory
|
|
the line
|
|
</p>
|
|
|
|
<p><pre class="lbcolor">SHIP = ${ROBOT}.xml</pre></p>
|
|
|
|
<p>
|
|
to
|
|
</p>
|
|
|
|
<p><pre class="lcolor">SHIP = ${ROBOT}.xml logo.rgb</pre></p>
|
|
|
|
<p>
|
|
If you want to put the logo in the car directory you have to put the logo there and
|
|
to edit the Makefile there. After you have installed the logo with "make install" it
|
|
should appear in the simulation.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="maincontent">
|
|
<tr>
|
|
<td class="maincontent">
|
|
<p>
|
|
<img id="shot2" src="images/logo.jpg" alt="bt's logo" border="0"></img>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="maincontent">
|
|
<tr>
|
|
<td class="maincontent">
|
|
|
|
<h3>Summary</h3>
|
|
<ul style="list-style-type:disk; color:black;">
|
|
<li>You know how to create a pit logo.</li>
|
|
<li>You know how to integrate the logo.</li>
|
|
</ul>
|
|
<br/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="navigation_foot">
|
|
<tr>
|
|
<td class="navigation_foot">
|
|
<a href="./introduction.html">
|
|
<p style="text-align:left;">Back</p>
|
|
</a>
|
|
</td>
|
|
<td class="navigation_foot">
|
|
<a href="./carpainting.html">
|
|
<p style="text-align:right;">Painting the car.</p>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|