Difference between revisions of "Team:Tsinghua-A/solid game"

 
(7 intermediate revisions by 4 users not shown)
Line 40: Line 40:
 
     <style type="text/css">
 
     <style type="text/css">
 
#fh5co-hero {
 
#fh5co-hero {
   min-height: 5000px;
+
   min-height: 5250px;
 
   style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"
 
   style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"
 
}
 
}
Line 96: Line 96:
 
position:absolute;
 
position:absolute;
 
width:70%;
 
width:70%;
height:5000px;
+
height:5250px;
 
z-index:10000;
 
z-index:10000;
 
top: 100px;
 
top: 100px;
Line 136: Line 136:
 
</aside>
 
</aside>
 
<div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div>
 
<div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div>
 +
<div style="position:fixed;top: 80%; left: 90%;"><a href="#top"><img src="https://static.igem.org/mediawiki/2017/3/31/TsinghuaA-backtotop.png" width="80" height="80"></a></div>
 
<div class="background" id="apDiv_background">
 
<div class="background" id="apDiv_background">
             <div class="myTitle1" >Solid game</div>
+
             <div class="myTitle1"id="top" >Solid game</div>
 
             <div class="myTitle2" >I Introduction</div>
 
             <div class="myTitle2" >I Introduction</div>
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;In solid media,things are not so easy as it isin the liquid media. In this case, the bacteria are not mixed at once.Besides, we have to consider the influence of the initial position of each bacterium. Like the situation in liquid media, now for solid media, we still have three characters, the farmers, the warriors and the beggars. And the cute bacteria still face the severe waragainst another battalion. Now let us learn more about them.<br></div>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;In solid media,things are not so easy as it is in the fluid media. In this case, the bacteria are not mixed at once.Besides, we have to consider the influence of the initial position of each bacterium. Like the situation in fluid media, now for solid media, we still have three characters, the farmers, the warriors and the beggars. And the cute bacteria still face the severe war against another battalion. Now let us learn more about them.<br></div>
 
               <table class="mytable" >
 
               <table class="mytable" >
 
<tr>
 
<tr>
Line 146: Line 147:
 
</tr>
 
</tr>
 
</table>
 
</table>
             <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;Farmers are aimed to produce resources for all the bacteria. In our experiment, the ‘farmer’ bacteria can generate glucose; while in our online game, they can produce food for others to make their lives. But be careful, your farmer’s food can also be eaten by the enemies so you need to take care of where to initialize them.<br></div>    
+
             <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;Farmers are aimed to produce resources for all the bacteria. In our experiment, the ‘farmer’ bacteria can generate invertase to break down glucose; while in our online game, they can produce food for others to make their living. Be careful, your farmer’s food can also be eaten by the enemies so you need to take care of where to initialize them.<br></div>    
 
               <table class="mytable" >
 
               <table class="mytable" >
 
<tr>
 
<tr>
Line 153: Line 154:
 
</tr>
 
</tr>
 
</table>
 
</table>
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Warriors’ skill is to kill enemies. No matter what the enemy is, your brave warriors can kill both farmers and beggars from the enemy troop and can fight against your enemy’s warriors as soon as they meet. But these little combatants can’t make a living without the food from farmers so you have to initialize them within the nutrition range around farmers.<br></div>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Warriors' skill is to kill enemies. No matter who the enemy is, your brave warriors can kill both farmers and beggars from the enemy troop and can fight against your enemy’s warriors as soon as they meet. But these little combatants can’t make a living without food from farmers so you have to initialize them within the nutrition range around farmers.<br></div>
 
                                     <table class="mytable" >
 
                                     <table class="mytable" >
 
<tr>
 
<tr>
Line 160: Line 161:
 
</tr>
 
</tr>
 
</table>  
 
</table>  
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Beggars are so lazy that they just sit around doing nothing. They don’t produce food so they have to rely on farmers. Also, they are not part of the military force so they kill ‘nobody’. <br><br></div>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Beggars are so lazy that they just sit there doing nothing. They don’t produce food so they have to rely on farmers. Also, they are not part of the military force so they kill ‘nobody’. <br><br></div>
 
                                 <div class="myTitle2" >II Rule</div>
 
                                 <div class="myTitle2" >II Rule</div>
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The following is our main menu for game pattern. By choosing ‘One Player’ you can play with the virtual player AI (artificial intelligence). We have designed smart algorithm to help you computer think up game strategies like human do and AI can initialize its bacteria after your action at once. If you choose ‘Two Players’, then you can play with your friends or initialize both sides yourself. <br></div>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The following is our main menu for game pattern. By choosing ‘One Player’ you can play with the virtual player AI (artificial intelligence). We have designed smart algorithm to help you computer think up game strategies like we human do and AI can initialize its bacteria after your action at once. If you choose ‘Two Players’, then you can play with your friends or initialize both sides yourself. <br></div>
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/c/c5/Tsinghua-a-sg-mm.png"width="500px"height="300px"></div>
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/c/c5/Tsinghua-a-sg-mm.png"width="500px"height="300px"></div>
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Each battalion has the same amount of bacteria.You can initialize your bacterial camp at the beginning of the game before you click the button ’start’.<br></div>
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Each battalion has the same amount of bacteria.You can initialize your bacterial camp at the beginning of the game before you click the button ’start’.<br></div>
Line 168: Line 169:
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;By click on different bacteria characters you can initialize them on the round Petri dishes. Different colors represent different kind of bacteria and the green box around the farmers surround the area of nutrition they can support so don’t put your bacteria out of green boxes. <br></div>
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;By click on different bacteria characters you can initialize them on the round Petri dishes. Different colors represent different kind of bacteria and the green box around the farmers surround the area of nutrition they can support so don’t put your bacteria out of green boxes. <br></div>
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/e/ea/Tsinghua-a-sg-sm.jpg"width="500px"height="300px"></div>  
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/e/ea/Tsinghua-a-sg-sm.jpg"width="500px"height="300px"></div>  
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The number following ‘total’ tell us the amount of live bacteria in each bacteria troop. At the bottom of the picture we can see the ‘remaining chances’ we have to initialize bacteria. The days which bacteria have growing for and the coordinate point of where you mouse click are at the upper right corner.<br>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The number following ‘total’ tells us the amount of live bacteria in each bacteria troop. At the bottom of the picture we can see the ‘remaining chances’ we have to initialize bacteria. The days which bacteria have growing for and the coordinate point of where you mouse click are at the upper right corner.<br>
 
<br>
 
<br>
 
&nbsp;&nbsp;&nbsp;&nbsp;<b>Now we can learn more about the toolbar.</b>
 
&nbsp;&nbsp;&nbsp;&nbsp;<b>Now we can learn more about the toolbar.</b>
 
<br></div>
 
<br></div>
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/8/8c/Tsinghua-a-sg-to.jpg"width="500px"height="150px"></div>  
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/8/8c/Tsinghua-a-sg-to.jpg"width="500px"height="150px"></div>  
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;After you finish initializing all the bacteria, clicking the ‘start’ button can run the game. If you click on the button ‘restart’, all of the all the progress can be cleared. By clicking the button ‘model’, you can choose again whether you want to play with AI or not. Now let us click the button ‘setting’ and we can see the following pop-up:<br></div>
+
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;After you finish initializing all the bacteria, clicking the ‘start’ button can run the game. If you click on the button ‘restart’, all the progress can be cleared. By clicking the button ‘model’, you can choose again whether you want to play with AI or not. Now let us click the button ‘setting’ and we can see the following pop-up:<br></div>
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/7/78/Tsinghua-a-sg-set.jpg"width="500px"height="400px"></div>  
 
             <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/7/78/Tsinghua-a-sg-set.jpg"width="500px"height="400px"></div>  
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The first option line is for setting background music volume. The middle line decides the volume of bacteria actor's lines and after you click on each character, you can hear them speaking. By dragging the last line’s option button you can change the amount of bacteria of each side.<br></div>
 
             <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The first option line is for setting background music volume. The middle line decides the volume of bacteria actor's lines and after you click on each character, you can hear them speaking. By dragging the last line’s option button you can change the amount of bacteria of each side.<br></div>
Line 187: Line 188:
 
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/solid_game/AI?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/solid_game/AI?action=raw&ctype=text/javascript"></script>
  
 +
<div class="myPara" ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
 +
<div class="myPic1" >
 +
    <img src="https://static.igem.org/mediawiki/2017/7/74/Great-sponsors.png" width="840.5" height="150"></div>
 +
<div class="myPicDis"><a href="https://2017.igem.org/Team:Tsinghua-A">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;Copyright©&nbsp;iGEM&nbsp;2017&nbsp;Tsinghua-A.&nbsp;All&nbsp;rights&nbsp;reserved.&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Follow&nbsp;us:&nbsp;igem2017THU_A@163.com</div>
 
</div>
 
</div>
 
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>

Latest revision as of 00:45, 2 November 2017

Discription
Solid game
I Introduction
    In solid media,things are not so easy as it is in the fluid media. In this case, the bacteria are not mixed at once.Besides, we have to consider the influence of the initial position of each bacterium. Like the situation in fluid media, now for solid media, we still have three characters, the farmers, the warriors and the beggars. And the cute bacteria still face the severe war against another battalion. Now let us learn more about them.
    Farmers are aimed to produce resources for all the bacteria. In our experiment, the ‘farmer’ bacteria can generate invertase to break down glucose; while in our online game, they can produce food for others to make their living. Be careful, your farmer’s food can also be eaten by the enemies so you need to take care of where to initialize them.
    Warriors' skill is to kill enemies. No matter who the enemy is, your brave warriors can kill both farmers and beggars from the enemy troop and can fight against your enemy’s warriors as soon as they meet. But these little combatants can’t make a living without food from farmers so you have to initialize them within the nutrition range around farmers.
    Beggars are so lazy that they just sit there doing nothing. They don’t produce food so they have to rely on farmers. Also, they are not part of the military force so they kill ‘nobody’.

II Rule
    The following is our main menu for game pattern. By choosing ‘One Player’ you can play with the virtual player AI (artificial intelligence). We have designed smart algorithm to help you computer think up game strategies like we human do and AI can initialize its bacteria after your action at once. If you choose ‘Two Players’, then you can play with your friends or initialize both sides yourself.
    Each battalion has the same amount of bacteria.You can initialize your bacterial camp at the beginning of the game before you click the button ’start’.
    By click on different bacteria characters you can initialize them on the round Petri dishes. Different colors represent different kind of bacteria and the green box around the farmers surround the area of nutrition they can support so don’t put your bacteria out of green boxes.
    The number following ‘total’ tells us the amount of live bacteria in each bacteria troop. At the bottom of the picture we can see the ‘remaining chances’ we have to initialize bacteria. The days which bacteria have growing for and the coordinate point of where you mouse click are at the upper right corner.

    Now we can learn more about the toolbar.
    After you finish initializing all the bacteria, clicking the ‘start’ button can run the game. If you click on the button ‘restart’, all the progress can be cleared. By clicking the button ‘model’, you can choose again whether you want to play with AI or not. Now let us click the button ‘setting’ and we can see the following pop-up:
    The first option line is for setting background music volume. The middle line decides the volume of bacteria actor's lines and after you click on each character, you can hear them speaking. By dragging the last line’s option button you can change the amount of bacteria of each side.
"Lufylegend loading..."























Home    Copyright© iGEM 2017 Tsinghua-A. All rights reserved.    |    Follow us: igem2017THU_A@163.com