Mirrors/2009scape-website
1
0
Fork 0
mirror of https://github.com/2009scape/2009scape.github.io.git synced 2024-11-05 02:22:30 +01:00
Code Issues Projects Releases Wiki Activity
1c369236a0
2009scape-website/www.funorb.com/kbase/guid/pirate_empires_03.html
dginovker eee07fe49a Copyright now under AGPL
2020-11-24 12:27:36 -05:00

371 lines
17 KiB
HTML
Raw Blame History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:IE>
<!-- Mirrored from www.funorb.com/kbase/guid/pirate_empires_03 by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 18 Jul 2010 10:53:34 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"><!-- /Added by HTTrack -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="PRAGMA" content="NO-CACHE">
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<meta name="keywords" content="Play Free Online Games, puzzle games, platform games, arcade games, shooter games, action games, java games, casual games, racing games, word games, retro games, classic games, browser games, strategy games, multiplayer games, arcanists, Jagex">
<meta name="description" content="FunOrb, free online browser-based games from Jagex Games Studio, the makers of RuneScape. Play puzzle, action, strategy, shooting, word, racing games and more!">
<meta name="title" content="FunOrb - Free Online Games by Jagex Games Studio">
<meta name="Author" content="www.jagex.com">
<meta name="Copyright" content="Copyright under AGPL., www.jagex.com">
<meta name="ROBOTS" content="INDEX, FOLLOW">
<meta name="classification" content="GENERAL">
<meta name="rating" content="General">
<meta name="Distribution" content="global">
<meta name="Identifier-URL" content="../../index.html">
<link rel="icon" type="image/vnd.microsoft.icon" href="../../favicon.ico">
<link rel="SHORTCUT ICON" href="../../favicon.ico">
<title>FunOrb - Free Online Games by Jagex Games Studio</title>
<style type="text/css" media="screen">
/*\*/@import url(../../css/global-40.css);/**/
</style>
<script type="text/javascript" src="../../../www.jagex.com/js/jquery/jquery_1_4_2.js"></script>
<!--[if lt IE 7]>
<style type="text/css" media="screen">@import url(http://www.funorb.com/css/ieFix-2.css);</style>
<![endif]-->
<meta name="language" content="en, de, fr, pt">
<meta name="description" content="Pirate Empires developer diary">
<style type="text/css">
#ddHeader {
position: relative;
margin: 0;
height: 27px;
padding: 0 8px;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 26px;
color: white;
background: url(../../img/images/kbase/dev_diary/header.png);
}
.subheader {
margin: 1em 0 0.5em;
height: 20px;
padding: 0 8px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: white;
background: url(../../img/images/kbase/dev_diary/subheader.png);
}
.articleBody p {
padding-left: 2px;
padding-right: 2px;
text-align: justify;
}
.ddScreens {
width: 326px;
margin: 1em 0;
text-align: center;
}
.ddScreens img.first {
margin: 0 20px 0 0;
}
.ddScreens img {
display: block;
border: 3px #0a1c30 solid;
}
.ddCaption {
font-size:85%;
font-weight:bold;
}
.ddprev, .ddnext {
position: absolute;
left: 8px;
top: 6px;
width: 23px;
height: 14px;
}
.ddnext {
left: auto;
right: 8px;
}
a.ddprev {
background: url(../../img/images/kbase/dev_diary/prev_hover.png);
}
a.ddnext {
background: url(../../img/images/kbase/dev_diary/next_hover.png);
}
a.ddprev img,
a.ddnext img {
position: absolute;
top: 0;
left: 0;
}
a.ddprev:hover img, a.ddnext:hover img {
visibility: hidden;
}
</style>
</head>
<body id="navForums">
<a name="top"></a>
<table id="wrapper">
<tbody>
<tr>
<td class="center bodyTheme">
<div id="container">
<div id="header">
<div id="navigation">
<div class="lft"></div>
<div class="rght"></div>
<div class="container">
<a id="logo" href="../../index-2.html" ><b>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="203" height="80">
<param name="movie" value="http://www.funorb.com/img/images/layout/logo_funorb_tombracer.swf" />
<param name="FlashVars" value="homePath=http://www.funorb.com/" />
<param name="AllowScriptAccess" value="always" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../../img/images/layout/logo_funorb_tombracer.swf" width="203" height="80">
<param name="FlashVars" value="homePath=http://www.funorb.com/" />
<param name="AllowScriptAccess" value="always" />
<!--<![endif]-->
<!-- Non Flash alternative -->
<img src="../../img/images/layout/logo_funorb_tombracer.jpg" alt="FunOrb" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
<!--<![endif]-->
</object>
</b></a>
<div id="shell">
<div class="lft"></div>
<div class="rght"></div>
<div id="teleText">
<h1 id="welcomeText">Welcome to FunOrb - The Best in Free Online Games</h1>
<span id="teletext_inner">
To gain access to some of our multiplayer games, highscore tables and Achievements, please create an account. It's quick, easy and absolutely FREE!</span>
<script type="text/javascript" src="../../../services.funorb.com/m%3dfomessenger/messengercommon0.js"></script>
<script type="text/javascript" src="../../../services.funorb.com/m%3dfomessenger/messenger.js"></script>
</div>
</div>
</div>
<div class="clear"></div>
<ul class="menu">
<li class="top p1"><a href="../../index-2.html" id="home" class="top_link"><span>Home</span></a></li>
<li class="top p2"><a id="games" class="top_link" href="../../gamelist.html"><span>Games</span><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="../../gamelist.html" class="fly">All Games</a></li>
<li><a href="../../gamelistea68.html?playerBox=1" class="fly">Single-Player Games</a></li>
<li><a href="../../gamelist6ff6.html?playerBox=2" class="fly">Multiplayer Games</a></li>
<li><a href="../../options.html" class="fly last">Java Options</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top p3"><a id="account" class="top_link" href="https://secure.funorb.com/m=create/"><span>Join</span><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="https://secure.funorb.com/m=create/" class="fly">Create Free Account</a></li>
<li><a href="https://secure.funorb.com/m=billing_core/paymentoptions.ws" class="fly">Subscribe to FunOrb</a></li>
<li><a href="../../members.html" class="fly">Members' Benefits</a></li>
<li><a href="../../account_management.html" class="fly last">Account Management</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top p4"><a id="forums" class="top_link" href="http://services.funorb.com/m=focommunity/"><span>Community</span><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://services.funorb.com/m=focommunity/" class="fly">Community Home</a></li>
<li><a href="http://services.funorb.com/m=forum_fo/forums.ws" class="fly">Forums</a></li>
<li><a href="dev_diary.html" class="fly">Developer Diaries</a></li>
<li><a href="http://services.funorb.com/m=achievements/" class="fly">Achievements</a></li>
<li><a href="http://services.funorb.com/m=hiscore_fo/" class="fly">Highscores &amp; Ratings</a></li>
<li><a href="http://services.funorb.com/m=orbcoins/" class="fly last">Orb Downloads</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top p5"><a id="help" class="top_link" href="help.html"><span>Help</span><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="customer_support.html" class="fly">Customer Support</a></li>
<li><a href="../../parents.html" class="fly">Parents' Guide</a></li>
<li><a href="rules_of_conduct.html" class="fly">Rules</a></li>
<li><a href="https://secure.funorb.com/m=billing_core/unsubscribe.ws" class="fly">Unsubscribe</a></li>
<li><a href="../../loginapplet/loginappletef7e.html?mod=www&amp;dest=loginapplet/loginapplet.ws?mod=accountappeal&amp;dest=lockchoice.ws" class="fly">Account Recovery</a></li>
<li><a href="https://secure.funorb.com/m=weblogin/loginform.ws?mod=www&amp;ssl=0&amp;expired=0&amp;dest=bugtracker.ws" class="fly last">Submit A Bug Report</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top p11"><a id="empty" class="top_link"><span>&nbsp;</span></a></li>
<li class="top p7"><a href="https://secure.funorb.com/m=create/" id="register" class="top_link"><span>Create Account</span></a></li>
<li class="top p8"><a href="https://secure.funorb.com/m=weblogin/loginform.ws?mod=www&amp;ssl=0&amp;dest=kbase/guid/pirate_empires_03" id="signIn" class="top_link"><span>Log In</span></a></li>
<li class="top p10">
<div class="top_link" id="lang_div">
<a id="countrydrop" href="../../index-2.html">
<span>
<img alt="
English" src="../../img/images/layout/en.gif">
<span id="dropArrow"></span>
</span>
<!--[if gt IE 6]><!--></a></div><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul id="lang" class="sub">
<li><a class="fly" href="../../index-2.html"><img title="
English" alt="
English" src="../../img/images/layout/en.gif"></a></li>
<li><a class="fly" href="../../l%3d1/index.html"><img title="
Deutsch" alt="
Deutsch" src="../../img/images/layout/de.gif"></a></li>
<li><a class="fly" href="../../l%3d2/index.html"><img title="
Fran&ccedil;ais" alt="
Fran&ccedil;ais" src="../../img/images/layout/fr.gif"></a></li>
<li><a class="fly last" href="../../l%3d3/index.html"><img title="
Portugu&ecirc;s (BR)" alt="
Portugu&ecirc;s (BR)" src="../../img/images/layout/br.gif"></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a></div><![endif]-->
</li>
</ul>
</div>
<br class="clear" />
</div>
<div id="page_content">
<a name="top_of_page"></a>
<a name="article"></a>
<div class="section" id="article" >
<div class="sectionHeader">
<div class="sectionHeaderRight">
<div class="sectionTitle">
<span class="sectionTrail"><a href="dev_diary.html">Developer Diaries</a> &gt; Pirate Empires: Part 3 - Arrrdvark</span>
</div>
</div>
</div>
<div class="sectionBorder">
<div class="sectionBackground">
<div class="sectionContent" >
<div class="sectionContentContainer">
<div class="articleBody">
<h2 id="ddHeader">
<a class="ddprev" href="pirate_empires_02.html" title="Previous">
<img src="../../img/images/kbase/dev_diary/prev.png" alt="Previous" />
</a>
Pirate Empires: Part 3 - Arrrdvark
<a class="ddnext" href="pirate_empires_04.html" title="Next">
<img src="../../img/images/kbase/dev_diary/next.png" alt="Next" />
</a>
</h2>
<img src="../../img/images/game/pirateempires/dev_diary/banner.jpg" style="display: block; margin: 0 auto 1em" alt="Pirate Empires developer diary banner" />
<h3 class="subheader">9th April 2009 <20> Arrrdvark</h3>
<div class="ddScreens" style="float: right; margin: 8px;">
<img src="../../img/images/game/pirateempires/dev_diary/image5.jpg" alt="3D mock-up" />
<div class="ddCaption" style="margin:auto; width:310px;">3D mock-up of what the final game MIGHT look like.<br>Click <a href="../../img/images/game/pirateempires/dev_diary/image5_large.jpg" target="_blank">here</a> to see a larger version of this image.</div>
</div>
<p>Avast, ye scurvy dogs, <20>tis a graphics mut'ny! We're takin' the wheel of this here diary; that lily-livered <b><i>Mod Wivlaro</i></b> gets t' walk tha plank!</p>
<p>With many of our games, we start by defining a look and feel to help us visualise the style of the game and how it will play. This is one of FunOrb's largest projects so far, which is the perfect opportunity to get the whole team involved! Because so many people love pirates and have their own ideas of what makes the perfect pirate game, we created a 'mood board' where everyone could pin up ideas, sketches, pictures, underwear (it<69>s an interesting office we work in), eye patches and anything else that we could think of that would help inspire the project. From here, we narrowed down the ideas and themes until we had a good grasp on the game's style and direction.</p>
<p>When you first play the game, you're asked to choose one of three factions, each of which has its own playing style and range of ships <20> this was a great place to start with the concept art! I sketched out three ideas for each faction (we voted on which ones best represented each faction) plus the enemy of the pirates: 'The Admiral'. Two of these character concepts were featured in the first part of this diary.</p>
<p>Once we had the characters defined, we moved onto looking at the game as a whole, which is when I created a mock-up based on the ideas we came up with in our brainstorming meetings. I used a mix of Photoshop effects for scenery, custom 3D models and the current game engine items to create an idea of what the game MIGHT look like when it<69>s done.</p>
<div class="ddScreens" style="float: left; margin: 8px 8px 18px 8px;">
<img src="../../img/images/game/pirateempires/dev_diary/image6.jpg" alt="Port screen" />
<div class="ddCaption" style="margin:auto; width:310px;">Artwork of the port screen.<br>Click <a href="../../img/images/game/pirateempires/dev_diary/image6_large.jpg" target="_blank">here</a> to see a larger version of this image.</div>
</div>
<p style="clear: right;">Since then, I've been concentrating on screens and items for the game <20> in particular the port screen. This is one of the most important menus in the game as it's where you can start the game, repair your ship, recruit more crew, and access a whole host of other features.</p>
<p>This meant that there was a lot to get in there - the docks, shipyard, market and tavern. I started out by sketching a rough idea for the layout and chatted through the features with our developers to check it had everything they needed. A few quick changes and one resized sketch later and we're ready to get started.</p>
<p>I prefer to work purely in Photoshop for something like this: sketch, rough colour, add detail <20> sounds easy, doesn't it? <img style="display:inline;" src="../../img/images/game/pirateempires/dev_diary/wink.gif" alt="Wink smiley" /> I set up the port as a base and added in some background houses and trees, then got to work on the items. First up was the market, where you can purchase and sell items such as food, grog and other essential items to keep your crew healthy and happy.</p>
<p>To make the market, I started by 'blocking in' the basic colours and shapes. We'd already decided on a style and colour palette for the buildings, so I followed that to create a horseshoe of houses and, from there, added in little details like doors, windows and stonework. After that, I added in some more interesting details (such as little market stalls around a well) to make sure it wasn't all just red and white. I then followed the same process for the tavern, ship sales and shipyard and by the end of the day we had a port!</p>
<p><b><i>Mod Fosh<br>Senior Artist, FunOrb Graphics<br>Captain of the Dirty Seagull</i></b></p>
<br class="clear" />
<p class="articleBacktotop">
<a href="#top"><img src="../../img/images/layout/backtotop.gif" alt="Back to the top" title="Back to the top" /></a>
</p>
</div>
</div>
</div>
<div class="sectionFooter"><div></div></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="copyRight">
<div id="languagefooter">
Select your language:&nbsp;
<a href="../../index-2.html"><img alt="
English" src="../../img/images/layout/en.gif">
English</a>
<a href="../../l%3d1/index.html"><img alt="
Deutsch" src="../../img/images/layout/de.gif">
Deutsch</a>
<a href="../../l%3d2/index.html"><img alt="
Fran&ccedil;ais" src="../../img/images/layout/fr.gif">
Fran&ccedil;ais</a>
<a href="../../l%3d3/index.html"><img alt="
Portugu&ecirc;s (BR)" src="../../img/images/layout/br.gif">
Portugu&ecirc;s (BR)</a>
</div>
<div class="cr">
<p>
Copyright <20> 2008 - 2010 Jagex Ltd. Jagex and FunOrb are registered trademarks of Jagex Ltd in the
United Kingdom and trademarks used in other countries of the world.
</p>
<p>
By using our service you are agreeing to our <a href="../../terms/terms.html" name="terms">Terms &amp; Conditions</a> and <a href="../../privacy/privacy.html" name="privacy">Privacy Policy</a>.
</p>
</div>
<div id="jagex">
<a href="../../../www.jagex.com/index.html" target="_blank"><img src="../../img/images/layout/jagex_footerc4ca.gif?1" alt="Jagex logo" /></a>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol)?"https://ssl.":"http://www.");
document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var _pageTracker=_gat._getTracker("UA-2058817-13");
_pageTracker._setDomainName(".funorb.com");
_pageTracker._trackPageview();
}catch(x){}
</script>
<script type="text/javascript">
try {
var pageTracker=_gat._getTracker("UA-2058817-3");
pageTracker._setDomainName(".funorb.com");
pageTracker._trackPageview();
}catch(x){}
</script>
</body>
<!-- Mirrored from www.funorb.com/kbase/guid/pirate_empires_03 by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 18 Jul 2010 10:53:34 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"><!-- /Added by HTTrack -->
</html>
Reference in New Issue View Git Blame Copy Permalink