Team:TU Delft/Education/game

From 2010.igem.org

(Difference between revisions)
(iGEM Educational Game)
(iGEM Educational Game)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
==iGEM Educational Game==
==iGEM Educational Game==
-
[[Image:TU Delft Gamers.jpg|250px|thumb|right|'''Game programmers''' top f.l.t.r. Martijn Rentmeester, Sverre Rabbelier down f.l.t.r. Thomas Rens, Michel de Ridder]]
+
''Let's make synthetic biology even more fun and exciting! How? Take a look at this game.''
-
To make synthetic biology more fun and interesting for children our team developed a serious game in cooperation with students from [http://www.ewi.tudelft.nl/live/pagina.jsp?id=022b9db3-973b-4ba2-b0ca-c5466706278d&lang=en Media and Knowledge Engineering] and [http://io.home.tudelft.nl/en/ Industrial Design.]
+
-
===GAME Description===
+
Our team took the challenge to make synthetic biology even more fun and interesting by developing a game for high school students that teaches how to make and use BioBricks.
-
In this game you control a bacterium that you must provide with the appropriate properties survive viruses, antibiotics or low oxygen levels. Creating these new properties is done by collecting parts in your action screen. If you have collected enough parts, you can go to the lab to assemble the needed BioBricks.
 
-
Children can learn that adding properties can be done by combining parts of DNA and get to know the factors that play a role in the survival of a microorganisms.
 
 +
 +
===It's just a matter of teamwork!===
 +
 +
[[Image:TU Delft Gamers.jpg|200px|right]]
 +
 +
[[Image:TU Delft Marin licina.jpg|200px|left|]]
 +
 +
In our view the best result could only be achieved by combining different expertises. The Science Centre Delft brought us into contact with students from [http://www.ewi.tudelft.nl/live/pagina.jsp?id=022b9db3-973b-4ba2-b0ca-c5466706278d&lang=en Media and Knowledge Engineering] and [http://io.home.tudelft.nl/en/ Industrial Design], to make this happen. But the comminication was not that easy. Game designer, Marin Licina (left), game programmers,  Martijn Rentmeester, Sverre Rabbelier, Thomas Rens and Michel de Ridder (right, top f.l.t.r) and our iGEM team members had all different backgrounds.  So, we had to learn to speak each other's language.
 +
That's why this game-project was a great way to learn and understand more and more about designing and programming.
 +
 +
[[Image:TU Delft game.jpg|center|650px]]
 +
 +
 +
===Game Description===
 +
In this game you control a bacterium that you must provide with the appropriate properties and at the same time survive viruses, antibiotics and low oxygen levels. Creating these new properties is done by collecting parts in your action screen. If you have collected enough parts, you can go to the lab to your inventory and assemble the needed BioBricks.
 +
Children can learn that adding properties can be done by combining parts of DNA and get to know the factors that play a role in the survival of a microorganisms.
*'''Level 1''': Tutorial: And then there was light!
*'''Level 1''': Tutorial: And then there was light!
Line 18: Line 32:
Provide the bacterium with an antibiotic resistance brick and make it to the next level! Be careful, because using the wrong parts can be fatal.
Provide the bacterium with an antibiotic resistance brick and make it to the next level! Be careful, because using the wrong parts can be fatal.
-
*'''Level 3''': Mine detection
+
*'''Level 3''': Alkanivore
-
Make sure you can detect mines by putting the right sensing part in front of a RFP-gene and no mine will remain invisible.
 
-
 
-
*'''Level 4''': Alkanivore
 
The bug needs to cross an oil spill to complete this level. To get this done, the player has to collect parts to built emulsifying, oil depleting and salt tolerance bricks.
The bug needs to cross an oil spill to complete this level. To get this done, the player has to collect parts to built emulsifying, oil depleting and salt tolerance bricks.
-
===SNEAK PREVIEW===
+
===Sneak Preview===
 +
 
 +
The playable version of the game is still under construction. But to give you a sneak peak in our game-kitchen you can take a look at a movie and some screenshots.
 +
 
 +
<html><script type="text/javascript">
 +
// Author: ricocheting.com
 +
// Description: slideshow that allows visitors to flip through a series of images on your website
 +
 
 +
var x=0;
 +
 
 +
function rotate(num){
 +
fs=document.ff.slide;
 +
x=num%fs.length;
 +
if(x<0) x=fs.length-1;
 +
document.images.show.src=fs.options[x].value;
 +
fs.selectedIndex=x;}
-
The playable version of the game is still under construction. But to give you a sneak peak in our game-kitchen you can take a look at this game designs made by Marin Licina.
+
function auto() {
 +
if(document.ff.fa.value == "Stop"){
 +
rotate(++x);setTimeout("auto()", 2000);}}
 +
</script>
 +
<center>
 +
<form name="ff">
 +
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
 +
<tr><th align="center">Game on SynBio</th></tr>
-
[[Image:TU Delft Game Interface dark.png|300px|left]]
+
<tr><td align="center">
-
[[Image:TU Delft iGEM Interface water.png|300px|left]]
+
<img src="https://static.igem.org/mediawiki/2010/c/c8/TU_Delft_Game_Pimpbacterie_copy.JPG" width="600" height="480" name="show">
-
[[Image:TU Delft Game Inventory.png|300px|left]]
+
</td></tr>
-
==Organization chart==
+
<tr><td align="center" style="border:1px black solid;">
 +
<select name="slide" onChange="rotate(this.selectedIndex);">
 +
<option value="https://static.igem.org/mediawiki/2010/c/c8/TU_Delft_Game_Pimpbacterie_copy.JPG" width="600" height="480">Game Pimp your Bacterium </option>
 +
<option value="https://static.igem.org/mediawiki/2010/2/2c/TU_Delft_Game_Inventory.png" width="600" height="480">Game Inventory </option>
 +
<option value="https://static.igem.org/mediawiki/2010/6/6f/TUDelft_game_E.coli_bacterium.png" width="600" height="480">Game Action Screen</option>
 +
<option value="https://static.igem.org/mediawiki/2010/5/50/TUDelft_game_Conjugation.png" width="600" height="480">Game Conjugation</option>
 +
<option value="https://static.igem.org/mediawiki/2010/d/dc/TUDelft_game_high_pH.png" width="600" height="480">Game Action Screen low pH</option>
 +
</select>
 +
</td></tr>
-
[[Image:TU Delft game.jpg|900px]]
+
<tr><td align="center" style="border:1px black solid;">
 +
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
 +
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
 +
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
 +
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
 +
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
 +
</td></tr></table></form></center></html>
-
Under Construction - Release date: November 4th 2010!
+
<html><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/81-DlKjhhZA?fs=1&amp;hl=nl_NL"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/81-DlKjhhZA?fs=1&amp;hl=nl_NL" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></center>
 +
</html>

Latest revision as of 15:50, 1 February 2011

iGEM Educational Game

Let's make synthetic biology even more fun and exciting! How? Take a look at this game.

Our team took the challenge to make synthetic biology even more fun and interesting by developing a game for high school students that teaches how to make and use BioBricks.


It's just a matter of teamwork!

TU Delft Gamers.jpg
TU Delft Marin licina.jpg

In our view the best result could only be achieved by combining different expertises. The Science Centre Delft brought us into contact with students from [http://www.ewi.tudelft.nl/live/pagina.jsp?id=022b9db3-973b-4ba2-b0ca-c5466706278d&lang=en Media and Knowledge Engineering] and [http://io.home.tudelft.nl/en/ Industrial Design], to make this happen. But the comminication was not that easy. Game designer, Marin Licina (left), game programmers, Martijn Rentmeester, Sverre Rabbelier, Thomas Rens and Michel de Ridder (right, top f.l.t.r) and our iGEM team members had all different backgrounds. So, we had to learn to speak each other's language. That's why this game-project was a great way to learn and understand more and more about designing and programming.

TU Delft game.jpg


Game Description

In this game you control a bacterium that you must provide with the appropriate properties and at the same time survive viruses, antibiotics and low oxygen levels. Creating these new properties is done by collecting parts in your action screen. If you have collected enough parts, you can go to the lab to your inventory and assemble the needed BioBricks. Children can learn that adding properties can be done by combining parts of DNA and get to know the factors that play a role in the survival of a microorganisms.

  • Level 1: Tutorial: And then there was light!

In this level the player learns about the different parts and is challenged to build a BioBrick with GFP. One part can only be obtained by conjungation with another bacterium.

  • Level 2: Antibiotic resistance

Provide the bacterium with an antibiotic resistance brick and make it to the next level! Be careful, because using the wrong parts can be fatal.

  • Level 3: Alkanivore

The bug needs to cross an oil spill to complete this level. To get this done, the player has to collect parts to built emulsifying, oil depleting and salt tolerance bricks.

Sneak Preview

The playable version of the game is still under construction. But to give you a sneak peak in our game-kitchen you can take a look at a movie and some screenshots.

Game on SynBio