tag:blogger.com,1999:blog-90011139169994404472024-02-02T18:31:07.805+00:00Complex City AppsComplex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-9001113916999440447.post-79241627402502062592012-10-01T22:52:00.000+01:002012-10-01T22:52:00.358+01:00University Open DayWe had a stand in Computer Science at the University of York Open Day on Saturday. We took the opportunity to show the prospective students what they can do using programming skills from the CS course. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiELyl9iDAY41XZ7MI5twMmgc4V4C04mJxB82NJhvzL-QbZJt5NFnqKpRpDfX6YB2drz0kFJED-aLt74T-A5SLK8eenNIIynmiZvZVjYfF4Q2_k_n0OzrpHIOvVnueWVq-TKlAttahgSc0/s1600/adam_stand.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiELyl9iDAY41XZ7MI5twMmgc4V4C04mJxB82NJhvzL-QbZJt5NFnqKpRpDfX6YB2drz0kFJED-aLt74T-A5SLK8eenNIIynmiZvZVjYfF4Q2_k_n0OzrpHIOvVnueWVq-TKlAttahgSc0/s400/adam_stand.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpHps5riarPZa7WkEnn8sgoqJENwy_extDOEPKWv6mmmCXWEPO0w7DO0j0so_ud5TxJ1D4vjp_y7SpVYww5Yhy5iqQPUG2LD8ft3ABZosGoaaU38FScKX4emyL3xf3VFX6WgC5Noy-4U/s1600/DSCF9604.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
We hooked up a tablet computer to a monitor so that people could see as one person played the game. <br />
<br />
The reception for Floqua was very positive. People enjoyed playing the game and it made it easier to explain the research behind the app as they were playing. We received comments about the quality of the graphics and that Floqua is novel as a game.<br />
<br />
We hope that everyone who attended had a good day and found out more about the University of York. <br />
<br />Complex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-58247987118344955562012-09-23T18:55:00.000+01:002012-09-23T18:55:06.051+01:00Floqua is released<br />
Our summer students have now finished their 9 weeks work. We are very proud of what they have achieved. We have released version 1 of <a href="https://play.google.com/store/apps/details?id=co.uk.iceroad.complexcity.floqua">Floqua on Google Play</a> with 12 introductory levels and we will soon be releasing the next level set. The <a href="http://www.complexcityapps.com/">Complex City apps</a> website is now active where you can find out more about the project and the <a href="http://www.complexcityapps.com/floqua-science">scientific research</a> that has been used in Floqua. <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLL9w8PnO_5LN-we_qeyGClIm1K9u30TgOL3nianWTx-eiEkHL5qILpnxEMIDexdPoJQBhObtG08zFszMQy5YUuACN_GCjx8rtscv8Ihy5ez6QjWLseuCXtivMS_gIae7DNVhOfaEUezk/s1600/Screenshot_2012-09-14-11-17-42.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Floqua Level 6 Screenshot" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLL9w8PnO_5LN-we_qeyGClIm1K9u30TgOL3nianWTx-eiEkHL5qILpnxEMIDexdPoJQBhObtG08zFszMQy5YUuACN_GCjx8rtscv8Ihy5ez6QjWLseuCXtivMS_gIae7DNVhOfaEUezk/s400/Screenshot_2012-09-14-11-17-42.png" title="" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A Floqua level in progress</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1HPreCOOb3iqdY1jCOA3HZlegRVH5TtB2f83CEYnNRm8Tg0WxvuDyGK3m9d3mlKO5x_K6XDANaW-yALOwIwEarsHqiC_o5uTI2NnQVFfgaLfkgPO_e6L1UhqlqLaA-_FhoW5MOH1e4/s1600/google+feature2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<span id="goog_931828344"></span><span id="goog_931828345"></span><br />
Complex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.com3tag:blogger.com,1999:blog-9001113916999440447.post-58630987557624714182012-08-30T16:31:00.001+01:002012-08-30T16:31:05.549+01:00Colour SchemesIn order for the app to be accessible to as many people as possible, the colours used should be tested for colour blindness. This ensures that any element does not become hard to spot and text does not become illegible, even if the user is colour blind. <br />
<br />
The general colour scheme was tested before creation:<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-nEVfED5AA1c/UD-DCNX3ygI/AAAAAAAAABg/rxs1HTbl3Xs/s1600/Colour+blindness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="http://2.bp.blogspot.com/-nEVfED5AA1c/UD-DCNX3ygI/AAAAAAAAABg/rxs1HTbl3Xs/s320/Colour+blindness.png" width="266" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Colour blindness checks for the planned colour scheme</td></tr>
</tbody></table>
<br />
Of particular interest were the colours of the fish. These need to be distinct to any user for certain elements of the gameplay to make sense. This meant some adjustment of the original planned colours for four varieties of small fish:<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-DQW4CVv1IBw/UD-ENefldhI/AAAAAAAAABo/KTXceQeBNsA/s1600/Colour+blindness+fish1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="209" src="http://1.bp.blogspot.com/-DQW4CVv1IBw/UD-ENefldhI/AAAAAAAAABo/KTXceQeBNsA/s320/Colour+blindness+fish1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Initial colours - problems on red-green blindness types</td></tr>
</tbody></table>
As can be seen, some of the colours are almost impossible to distinguish if a person is red-green colour blind.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-7pRSDP9kXJI/UD-EOXkJi7I/AAAAAAAAABw/AXfSc4VpvxU/s1600/Colour+blindness+fish2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="209" src="http://1.bp.blogspot.com/-7pRSDP9kXJI/UD-EOXkJi7I/AAAAAAAAABw/AXfSc4VpvxU/s320/Colour+blindness+fish2.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">New colours - fish are much easier to tell apart </td></tr>
</tbody></table>
The adjusted colours are now distinct for those with colour blindness. The simulation tool used can be found here: <a href="http://www.etre.com/tools/colourblindsimulator/" target="_blank">http://www.etre.com/tools/colourblindsimulator/</a>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-47909422164623526122012-08-12T18:08:00.001+01:002012-08-12T18:19:51.203+01:00Feedback session: 3 weeks<div class="separator" style="clear: both; text-align: left;">
After 3 weeks of development, we ran a feedback session in YCCSA to check that we were making a game people would like to play, and gather ideas for future versions.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoAuUdh8JJXDfWaa-hZxTcyAiKgebt0wHetHXyObC1EnEXy3o6oL1AJyqlv9AUPzZL0Orn8bm6tzT62SJaPqinQHezNCK2CtfrH9bWN7X6L-rB-1SSVJa1Aa0NksF2nNTHwBCNCTnYGMK/s1600/1-main.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZoAuUdh8JJXDfWaa-hZxTcyAiKgebt0wHetHXyObC1EnEXy3o6oL1AJyqlv9AUPzZL0Orn8bm6tzT62SJaPqinQHezNCK2CtfrH9bWN7X6L-rB-1SSVJa1Aa0NksF2nNTHwBCNCTnYGMK/s320/1-main.png" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
After integrating the current game engine with the graphics, menu screens and levels produced so far, we gathered around 15 friendly people from YCCSA. They played the game on phones, tablets and laptops, and gave us loads of useful feedback that we will use to improve the game in future versions.</div>
<div class="" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOKOX09nmB-Z0S2UDTQv1LmvO3aipLVVIf47K2nc-KMg3ZfD8Re_o0U1s0XwwJS9FTKFIBktEyL70krbZjZqKdirjNb23LKHXiJxWK8lBFvf0PinpnnShchxw9P48S20-vJsck59YMB6kJ/s1600/2-levels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOKOX09nmB-Z0S2UDTQv1LmvO3aipLVVIf47K2nc-KMg3ZfD8Re_o0U1s0XwwJS9FTKFIBktEyL70krbZjZqKdirjNb23LKHXiJxWK8lBFvf0PinpnnShchxw9P48S20-vJsck59YMB6kJ/s320/2-levels.png" width="320" /></a></div>
<br />
<br />
<div class="MsoNormal">
In general, people seemed to be really impressed with the
game. They liked the originality of the game mechanic, the smooth, intuitive
gameplay, and the graphics. In future versions, people asked to see more
variety and animation in the environment, which would enable more puzzle-based
levels and upgrades to exploit the complexity of the flocking algorithm.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
We recorded 82 separate points that people made about the game! (A mixture of initial reactions, good points, bad points and ideas for improvement.) The main routes we identified for extending and improving the game are:</div>
<ol>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"></span></span></span>Interactive environments</li>
<ol>
<li>Predators, water currents, animated obstacles.</li>
<li>Feedback between the fish and their environment – the environment being able to damage the fish and affect their movement, and the fish being able to change and destroy their environment.</li>
<li>This allows us to design puzzle-based levels, which the player must solve by understanding how the flocking fish interact with different types of environment. </li>
</ol>
<li>Upgrades</li>
<ol>
<li>Players can use points to buy upgrades for their fish/flock, and different types of fish.</li>
<li>Different fish will have different skills, rather than being generally “better”. So the player can choose which fish/upgrades to use for each different puzzle level. </li>
</ol>
<li>Social Networks </li>
<ol>
<li>Different fish have different flocking parameters depending on which fish they are interacting with.</li>
<li>This gives more mechanics for making puzzles, and more upgrade choices.</li>
<li>Real fish behave like this, so this could make the game more biologically realistic, and allow it to be used for education/research, as well as for fun.</li>
</ol>
</ol>
We also decided to make a website to explain the science behind flocking, and to host downloadable versions of the game.<br />
<br />
A big thankyou to everyone who came to the feedback session. Your comments will really help to improve the game.Adam Nellishttp://www.blogger.com/profile/14109331364278563991noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-79502257737463598522012-08-02T13:36:00.001+01:002012-08-02T13:39:51.353+01:00Basic InterfaceWith the game mechanics coming into place, the user interface will soon be needed.<br />
<br />
A map through the planned interface was drawn out by hand to make sure the path through the various menus and screens is logical and will provide all the necessary options. This is the skeleton from which the actual content can be built.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-n_SCZwFGIJ4/UBpz4lqpglI/AAAAAAAAABQ/-BVfBq_h4zk/s1600/Interface+Chart.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="286" src="http://4.bp.blogspot.com/-n_SCZwFGIJ4/UBpz4lqpglI/AAAAAAAAABQ/-BVfBq_h4zk/s400/Interface+Chart.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Interface Map (click to full view)</td></tr>
</tbody></table>
<br />Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-58618326828201570372012-08-02T11:32:00.001+01:002012-08-02T11:32:56.597+01:00Designing Sprites<div style="text-align: left;">
</div>
<div style="text-align: left;">
This process began with some paper sketches of elements within the game -
thinking about the relative size of the fish, obstacles etc. and how
they appear on the screen.<br /> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-UABGV09yAJw/UBpUS6nv_QI/AAAAAAAAAAw/493J9T57PKg/s1600/Feesh_Sketch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://2.bp.blogspot.com/-UABGV09yAJw/UBpUS6nv_QI/AAAAAAAAAAw/493J9T57PKg/s320/Feesh_Sketch.jpg" width="320" /></a></div>
<br />
<div style="text-align: left;">
</div>
<br />
<div style="text-align: left;">
Next, some pen and ink sketches were used to have more clear designs to
work from when producing the digital version. This ensures the vector
images aren't too stiff and geometric: if working directly to vector, it
can be tempting to use more generic, oversimplified shapes and the
designs become unimaginative.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-F74NujeFCAA/UBpUWHW9C8I/AAAAAAAAAA4/-RYoz1PrP7c/s1600/Feesh_Pens.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="http://1.bp.blogspot.com/-F74NujeFCAA/UBpUWHW9C8I/AAAAAAAAAA4/-RYoz1PrP7c/s320/Feesh_Pens.jpg" width="320" /></a></div>
<div style="text-align: left;">
</div>
<br />
<br />
<div style="text-align: left;">
Finally, the designs are drawn digitally in a vector format. This allows
easier resizing of the sprites to suit different screen sizes.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9YaY8lrblng/UBpUdnp7z5I/AAAAAAAAABA/q3DZ3IBUIKI/s1600/Sprite+Sheet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-9YaY8lrblng/UBpUdnp7z5I/AAAAAAAAABA/q3DZ3IBUIKI/s1600/Sprite+Sheet.png" /></a></div>
<div style="text-align: left;">
<br /></div>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-20175568233460703172012-07-31T19:26:00.000+01:002012-08-01T00:53:48.019+01:00Integrating Game Engine and GraphicsAfter receiving some of the initial graphics for the game I integrated them into the game engine, the result is shown below. Personally I think it's looking really good, just a few small scaling issues.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFV-ndf3FSLUPrcROakIpmtKgkuYnNvW9P4RIaDPJya2UASWEMrEQDRL2aftI_EJEd34q9KKis-R8gM0yZWPpt3V6yYcJAiFEjhmLTWpykWCMb6bHjO9nibhn4RXzR8siebl7s5nCVmtjM/s1600/screentest.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFV-ndf3FSLUPrcROakIpmtKgkuYnNvW9P4RIaDPJya2UASWEMrEQDRL2aftI_EJEd34q9KKis-R8gM0yZWPpt3V6yYcJAiFEjhmLTWpykWCMb6bHjO9nibhn4RXzR8siebl7s5nCVmtjM/s400/screentest.png" width="400" /></a></div>
<br />Rosy Tuckerhttp://www.blogger.com/profile/04773286937093800246noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-37945920750985587822012-07-30T23:59:00.001+01:002012-07-31T08:53:58.590+01:00Designing the Game EngineWhen approaching the programming of this application I decided to use the <a href="http://code.google.com/p/libgdx/">libgdx</a> framework. Libgdx is a cross-platform development library based on OpenGL. I decided to do this as not only does it allow the game to be run both as a windows application and an android application, but also preforms much better on mobile devices than the standard android sdk.<br />
<br />
At the moment the game simulates a shoal of fish swimming around a tank, With one fish being user controlled. The user is shown an area, the size of their screen, of the game map which they can explore with their shoal.<br />
<br />
<u><b>The Flocking Algorithm - The Technical Bit:</b></u><br />
The game uses the flocking algorithm to control the movement of fish within the game. Programmatically each fish has a 3 distances defined from it's centre, effectively making the three rings representing the repulsion, orientation and attraction zones.<br />
The fish also has a cone of angles, defined as it's viewing zone, the fish can only react to other fish within this cone.<br />
When changing the position of a fish, its position is checked against the position of all other fish, if another fish is within one the fishes zone it's position vector is added to the total for that zone.<br />
When a fish has analysed all other fish and their positions it can execute, changing it's position, based on the other fish.<br />
According to the algorithm the fish's repulsion zone takes priority, this means that if another fish is within the repulsion zone the fish will move itself away, regardless of how many fish are within the orientation and attraction zone, this is reflected in the algorithm.<br />
If their are no other fish in the repulsion zone then the fish can react to the others in their orientation and attraction zone.<br />
<br />
In this game the user plays as one of the fish, the leader of the pack, obviously in order for the player to be controlling and moving a fish within the shoal the algorithm cannot be perfectly implemented, however I think I managed to get around this (relatively) elegantly by making the user controlled fish appear to all other fish as multiple fish i.e. the other fish are weighted towards the player, for example if the weighting was 10 the fish would act as if there were 10 fish moving in the same direction and from the same position as the player.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWvy6y1z5J_twxVSHwTP0tKKJQfMH35CjDlm9uUbPF9HkRbRo_S962PbpOqPFHMEQ2Mp49aC1LGzqT6YZwxNb8QisxkDxwCnIpk4S6KfM7IgZ8kX3tMUyFaat3kHaoUB2WpwUCFrfHEKo/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWvy6y1z5J_twxVSHwTP0tKKJQfMH35CjDlm9uUbPF9HkRbRo_S962PbpOqPFHMEQ2Mp49aC1LGzqT6YZwxNb8QisxkDxwCnIpk4S6KfM7IgZ8kX3tMUyFaat3kHaoUB2WpwUCFrfHEKo/s320/2.png" width="320" /></a></div>
<br />
<br />
Although this can't really be shown in a screenshot, I have tried my best in the above. The larger green fish represents the player and the blue fish represent the rest of the shoal. <i>Something to bear in mind- the graphics on this screenshot are very much programmer art.</i><br />
<br />
<br />
<b><u>Obstacles and Walls:</u></b><br />
<b><u><br /></u></b><br />
I have added walls to the game at the perimeter of the background to prevent the fish from escaping, and obstacles within the game that the fish can't pass through. The interaction between a fish and an obstacle/wall is similar to a bounce, where the relative component of the fish's velocity is inverted. For example on the diagram below the Y-Component of the fish's velocity would be inverted upon hitting the wall whilst the X-Component can remain the same. Once the fish is no-longer touching the wall it returns to executing the flocking algorithm.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRFIseI70stgXUfYaBWZSi0klahvQvMd8k48Bqjqobca6VT_6QKgp0m9Eb3HQ180x0s7zscoQnGiKz6dQxoJsvmhaN5or8RTZwEHNynlaGpdN6y-mU8onSnzXxlz0b9U1h4e3wHLdxq_yQ/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRFIseI70stgXUfYaBWZSi0klahvQvMd8k48Bqjqobca6VT_6QKgp0m9Eb3HQ180x0s7zscoQnGiKz6dQxoJsvmhaN5or8RTZwEHNynlaGpdN6y-mU8onSnzXxlz0b9U1h4e3wHLdxq_yQ/s1600/Untitled.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />Rosy Tuckerhttp://www.blogger.com/profile/04773286937093800246noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-7261126278097397602012-07-26T16:23:00.000+01:002012-07-26T16:23:26.484+01:00Designing the Logo<span id="goog_1274105620">The first graphics job was to design the logo for Complex City Apps. </span><br />
<span id="goog_1274105620"></span><br />
<span id="goog_1274105620">This started out with some quick sketches for
ideas. There was already a plan for the direction we wanted to go:
something simple, eye-catching and scalable, as the logo will need to
appear on anything from documents to mobile screens. </span><br /><span id="goog_1274105620"> </span><br />
<span id="goog_1274105620">After a bit of design work, a few
alternatives were printed and offered to some YCSSA staff for feedback.
It always helps to get different opinions on a design, as personal tastes can vary.</span><br />
<span id="goog_1274105620"> </span><span id="goog_1274105620"> </span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-vCwx4LB7XkM/UBFWCpEPJLI/AAAAAAAAAAM/pQ4WMsJL-ZY/s1600/IMG0006.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="http://3.bp.blogspot.com/-vCwx4LB7XkM/UBFWCpEPJLI/AAAAAAAAAAM/pQ4WMsJL-ZY/s320/IMG0006.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Designs for feedback - small changes make a big difference!</td></tr>
</tbody></table>
<span id="goog_1274105620"></span><br />
<span id="goog_1274105620">Feedback suggested that we might make the logo more specific to York to strengthen the connection to the University of York. A few alterations to the skyline brought the logo to its current state.</span> Is the York detail too fiddly and distracting, or good branding? Let us know your opinions in the comments.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-vZc60fPOG7g/UBFee8Jh9TI/AAAAAAAAAAk/n0WpeJhpiT0/s1600/Logo_York.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="http://1.bp.blogspot.com/-vZc60fPOG7g/UBFee8Jh9TI/AAAAAAAAAAk/n0WpeJhpiT0/s320/Logo_York.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">York themed logo</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span id="goog_1274105620"><br /></span><span id="goog_1274105621"></span>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-44431637109222816162012-07-09T21:48:00.000+01:002012-07-09T21:48:42.799+01:00Flocking Algorithm<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD95mjVVwhNin3yz21phtgADzi-Z2IPKDT_YZhdJot6Vtfp_yuE7ivDJw6xgGgIVnc300CzeHxGtVZIZdwJxZVDcVnNUsMjSfeF8d-8KyMEhRDSQ_hZJJczYg6izmu09nJ5T4GN_5VM5g/s1600/flockingdiagram.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD95mjVVwhNin3yz21phtgADzi-Z2IPKDT_YZhdJot6Vtfp_yuE7ivDJw6xgGgIVnc300CzeHxGtVZIZdwJxZVDcVnNUsMjSfeF8d-8KyMEhRDSQ_hZJJczYg6izmu09nJ5T4GN_5VM5g/s200/flockingdiagram.png" width="198" /></a></div>
The flocking algorithm that we are using for our first app is by Couzin et al. Using this method of flocking, each of the individuals has three zones around it. The outer zone represents a region of attraction, the individual will be attracted to others if they are within this zone. In the next zone the individual will try to orientate itself to try to fly in the same direction as other individuals. If another individual gets too close and enters the central zone then they will be repelled. Behind each of the individuals is a blind spot in which they cannot see. The <a href="http://webscript.princeton.edu/%7Eicouzin/website/wp-content/plugins/bib2html/data/papers/couzin02.pdf">research paper</a> by Couzin et al gives much more detail.Complex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-23500180824205000152012-07-02T16:55:00.001+01:002012-07-02T18:27:12.686+01:00First Application: Flocking<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Auklet_flock_Shumagins_1986.jpg/320px-Auklet_flock_Shumagins_1986.jpg%20" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="A large flock of birds" border="0" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Auklet_flock_Shumagins_1986.jpg/320px-Auklet_flock_Shumagins_1986.jpg%20" title="" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b style="font-weight: normal;"><i>Awklet Flock</i></b> by D. Dibenski source Wikimedia Commons.</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Our first application will be a game based on flocking.<br />
<br />
Flocking is a well known area of research. <a href="http://www.red3d.com/cwr/boids/">Boids</a> is an example of a computer simulation of a flock. In a flock each individual has certain rules of behaviour and the combination of these individual behaviours determines the overall flock behaviour.<br />
<br />
The properties of the rules control different aspects of the flock behaviour, such a how closely the individuals crowd together.Complex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.com0tag:blogger.com,1999:blog-9001113916999440447.post-1797897318333273882012-06-28T16:23:00.000+01:002012-06-29T16:33:09.608+01:00Getting StartedComplex City Apps is starting up as part of <a href="http://www.york.ac.uk/res/yccsa/">YCCSA</a> at the <a href="http://www.york.ac.uk/">University of York</a>. Our aim is to produce applications based on research.<br />
<br />
We are currently writing the specification for our first application. We are looking forward to two summer students joining us in July to produce the app.<br />
<br />
We'll all post our progress as we go along, so watch this space.Complex City Appshttp://www.blogger.com/profile/06419296963427304756noreply@blogger.com0