Team:Dundee/HumanPractice/Game

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+
{{:Team:Dundee/Templates/Navigationbar}}
-
  <head>
+
-
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
+
-
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
-
    <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">
+
-
<script type="text/javascript" src="swfobject.js"></script>
+
<html>
-
<script type="text/javascript">
+
<html lang="en">
-
swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
+
-
</script>
+
-
    <!-- CSS -->
+
      <!-- Begin page content -->
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
      <div class="container">
-
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
-
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
      <!-- Title -->
 +
      <div class="page-header">
 +
          <h2><b>The ToxiMop Game</b> </h2>
 +
        </div>
 +
      <!-- Title End -->
-
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
      <div class="row" style="text-align:justify;margin-top:-20px;">
-
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
        <div class="span6">
 +
          <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>
-
    <!--
+
          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="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
-
-->
+
-
    <!-- 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 -->
+
          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 rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
-
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
-
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
-
  </head>
+
-
  <body>
+
-
    <!-- Part 1: Wrap all page content here -->
+
          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!
-
    <div id="wrap">
+
          </p><br>            </div>
-
      <!-- Fixed navbar -->
+
            <div class="span6">
-
      <div class="navbar navbar-fixed-top">
+
            <div class="span6">
-
        <div class="navbar-inner">
+
                <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;">
 +
              </div>
 +
              <div class="span6">
 +
                <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;">
 +
              </div>
-
          <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 game & source code</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 : <a href=""> Download Here </a>. This folder will contain all source code in order to modify the game, alongside all files required to play the game.
         </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="www.kyleharrison.co.uk/igem/game/game.html"> Click 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>

Revision as of 15:10, 29 September 2013

iGEM Dundee 2013 · ToxiMop

Dundee 2013

The ToxiMop Game

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 game & source code


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 : Download Here . This folder will contain all source code in order to modify the game, alongside all files required to play the game.

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 Click Here .

Retrieved from "http://2013.igem.org/Team:Dundee/HumanPractice/Game"