Team:Dundee/HumanPractice/Game

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Dundee/Templates/Navigationbar}}
 +
<html>
<html>
<html lang="en">
<html lang="en">
-
  <head>
 
-
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
 
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
    <meta name="description" content="A synthetic biology project called Toximop from the Dundee iGEM Team.">
 
-
    <meta name="author" content="Dundee iGEM Team 2013">
 
 +
      <!-- Begin page content -->
 +
      <div class="container">
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
      <!-- Title -->
-
+
      <div class="page-header">
-
<script type="text/javascript" src="swfobject.js"></script>
+
          <h2><b>The ToxiMop Game</b> </h2>
-
<script type="text/javascript">
+
        </div>
-
swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
+
      <!-- Title End -->
-
</script>
+
-
    <!-- CSS -->
+
      <div class="row" style="text-align:justify;margin-top:-20px;">
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
        <div class="span6">
-
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
          <p>Presenting, the ToxiMop flash game! This was made for us over the course of a few weeks by a group of five undergraduate students from the University of Abertay, Dundee. They go by the name “Digital Janitors” and are made up of two computer artists and three programmers. We’d like to thank them for devoting their time and energy into the game, as they treated it as a summer project to help us out!<br><br>
-
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
          The aim of the game is simple: you are a PP1-expressing <i>E. coli</i> cell, under attack from evil toxin-producing <i>Microcystis aeruginosa</i> cyanobacteria! <br><br>
-
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
          Mop up their troublesome toxic action by firing PP1 and converting them into harmless cyanobacteria, increasing your multiplier for each mopped cell that reaches the centre of the petri dish. Increase your firing speed by picking up the small arrows that enemies drop, increasing your mopping power! Watch out though! Every evil cyanobacteria that reaches the centre of the dish will destroy your multiplier and take away one of your three lives. Lose all three and its game over!<br><br>
-
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
-
    <!--
+
          Digital Janitors and the Dundee iGEM team would like to point out that the ToxiMop doesn’t literally fire PP1 to mop up microcystin, the ToxiMop works more like an actual mop! For precise details check out the mop section of our Wiki!
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
          </p><br>           </div>
-
-->
+
-
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
-
    <![endif]-->
+
-
    <!-- Fav and touch icons -->
+
            <div class="span6">
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
            <div class="span6">
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/thumb/e/ed/ToxiMop_Game.jpg/800px-ToxiMop_Game.jpg" style="padding-top:15px;">
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
              </div>
-
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
              <div class="span6">
-
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
                <img id="image-6" src="https://static.igem.org/mediawiki/2013/thumb/a/a8/ToxiMop_Game2.jpg/795px-ToxiMop_Game2.jpg" style="padding-top:15px;">
-
  </head>
+
              </div>
-
  <body>
+
-
    <!-- Part 1: Wrap all page content here -->
 
-
    <div id="wrap">
 
-
 
-
      <!-- Fixed navbar -->
 
-
      <div class="navbar navbar-fixed-top">
 
-
        <div class="navbar-inner">
 
-
 
-
          <div class="container">
 
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
            </button>
 
-
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
 
-
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
 
-
 
-
            <div class="nav-collapse collapse">
 
-
              <ul class="nav">
 
-
                <li class="active"><a href="/Team:Dundee">Home</a></li>
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
 
-
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Project">Project Overview</a></li>
 
-
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Lab</li>
 
-
 
-
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
 
-
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
 
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - <i>EnvZ</i> </a></li>
 
-
                    <li><a href="/Team:Dundee/Project/DetectorPKRC">Detector - <i>prkC</i> </a></li>
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Modelling </li>
 
-
                    <li><a href="/Team:Dundee/Project/MathOverview">Modelling Overview</a></li>
 
-
                    <!--<li><a href="/Team:Dundee/Project/MathTheory">Modelling Theoryy</a></li>-->
 
-
                    <li><a href="/Team:Dundee/Project/PP1Capacities">PP1 Capacities</a></li>
 
-
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
 
-
                    <li><a href="/Team:Dundee/Project/Netlogo">Mop Simulation</a></li>
 
-
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Comparison</a></li>
 
-
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Software</li>
 
-
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
 
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
 
-
                  <li><a href="/Team:Dundee/Project/WikiTutorial">Wiki Tutorial</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Parts/Ourbiobricks">Our Biobricks</a></li>
 
-
                    <li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
 
-
                <li class="active"><a href="/Team:Dundee/Safety">Safety</a></li>
 
-
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/HumanPractice">Overview</a></li>
 
-
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
 
-
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
 
-
                    <li><a href="/Team:Dundee/HumanPractice/Comic">Comic</a></li>
 
-
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
 
-
                    <!--<li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>-->
 
-
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
 
-
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Media</li>
 
-
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
 
-
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
 
-
                    <li><a href="#">Video Game</a></li>
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Social Media</li>
 
-
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
 
-
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
 
-
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
 
-
                    <li><a href="https://github.com/apoclyps">GitHub</a></li>
 
-
                   
 
-
                  </ul>
 
-
                </li>
 
-
 
-
               
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
 
-
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
             
 
-
 
-
              </ul>
 
-
            </div><!--/.nav-collapse -->
 
-
          </div>
 
         </div>
         </div>
-
      </div>
 
-
       <!-- Begin page content -->
+
       </div><!-- Row End -->
-
      <div class="container">
+
-
      <div class="row" style="text-align:justify;margin-top:-20px;">
+
      <div class="row" style="text-align:justify;margin-top:-20px;">
-
        <div class="span12">
+
          <div class="span12">
-
           <h2>The ToxiMop</h2>
+
           <h2> Download ToxiMop</h2><br>
 +
          If you simply want to down and play the game at your own leisure in your web browser, download the following files available via github. This folder will contain all source code in order to modify the game, alongside all files required to play the game. : <a href="https://github.com/iGEMTeamDundee"> Download Available Here</a>.
         </div>
         </div>
-
      </div><!-- Row End -->
 
-
 
-
      <div class="row" style="text-align:justify;margin-top:-20px;">
 
         <div class="span12">
         <div class="span12">
-
           <div>
+
           <h2> Play the game online</h2><br>
-
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent">
+
          In order to play our game online you will need to be redirected to a website outside of iGEM. The website you will be redicted to will provide a return link to the igem homepage alongside navigation to all Dundee iGEM 2013 Webpages. To leave the wiki and view the game : <a href="http://www.kyleharrison.co.uk/igem/game/game.html"> Play Here</a>.
-
<param name="movie" value="www.kyleharrison.co.uk/igem/game/ToxiMop.swf" />
+
-
<!--[if !IE]>-->
+
-
<object type="application/x-shockwave-flash" data="www.kyleharrison.co.uk/igem/game/ToxiMop.swf" width="800" height="600">
+
-
<!--<![endif]-->
+
-
<a href="http://www.adobe.com/go/getflashplayer">
+
-
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
+
-
</a>
+
-
<!--[if !IE]>-->
+
-
</object>
+
-
<!--<![endif]-->
+
-
</object>
+
-
</div>
+
         </div>
         </div>
-
       </div><!-- Row End -->
+
       </div>
-
 
+
 +
         
       <div id="push"></div>
       <div id="push"></div>
     </div>
     </div>
Line 185: Line 53:
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
-
         <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="www.kyleharrison.co.uk"> Kyle Harrison </a>. </p>
+
         <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="http://www.kyleharrison.co.uk">Kyle Harrison </a>. </p>
       </div>
       </div>
     </div>
     </div>

Latest revision as of 22:33, 4 October 2013

iGEM Dundee 2013 · ToxiMop

Presenting, the ToxiMop flash game! This was made for us over the course of a few weeks by a group of five undergraduate students from the University of Abertay, Dundee. They go by the name “Digital Janitors” and are made up of two computer artists and three programmers. We’d like to thank them for devoting their time and energy into the game, as they treated it as a summer project to help us out!

The aim of the game is simple: you are a PP1-expressing E. coli cell, under attack from evil toxin-producing Microcystis aeruginosa cyanobacteria!

Mop up their troublesome toxic action by firing PP1 and converting them into harmless cyanobacteria, increasing your multiplier for each mopped cell that reaches the centre of the petri dish. Increase your firing speed by picking up the small arrows that enemies drop, increasing your mopping power! Watch out though! Every evil cyanobacteria that reaches the centre of the dish will destroy your multiplier and take away one of your three lives. Lose all three and its game over!

Digital Janitors and the Dundee iGEM team would like to point out that the ToxiMop doesn’t literally fire PP1 to mop up microcystin, the ToxiMop works more like an actual mop! For precise details check out the mop section of our Wiki!


Download ToxiMop


If you simply want to down and play the game at your own leisure in your web browser, download the following files available via github. This folder will contain all source code in order to modify the game, alongside all files required to play the game. : Download Available Here.

Play the game online


In order to play our game online you will need to be redirected to a website outside of iGEM. The website you will be redicted to will provide a return link to the igem homepage alongside navigation to all Dundee iGEM 2013 Webpages. To leave the wiki and view the game : Play Here.