Difference between revisions of "Team:Tsinghua-A/Game"

Line 99: Line 99:
 
position:absolute;
 
position:absolute;
 
width:70%;
 
width:70%;
height:2500px;
+
height:2430px;
 
z-index:10000;
 
z-index:10000;
 
top: 100px;
 
top: 100px;
Line 107: Line 107:
 
}
 
}
 
#fh5co-hero {
 
#fh5co-hero {
   min-height: 2500px;
+
   min-height: 2430px;
 
   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 147: Line 147:
 
   
 
   
 
  <div class="myTitle1" >Game overview</div>
 
  <div class="myTitle1" >Game overview</div>
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;There are many factors (Like the initial number of each populations and spatial factors) that can influence the results of population interactions in our system, and we found that it will be much easier to consider the effects of these factors if we can visualize it. Therefore, we designed our game---<font style="font-style:italic;">E.coli War</font> to satisfy our needs.<br>
+
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;There are many factors (Like initial number of each populations and spatial factors) can have influence on the results of population interactions in our system, and we found that it will be much easier to consider effects of these factors if we can visualize it. Therefore, we designed our game---<font style="font-style:italic;">E.coli War</font> to satisfy our needs.<br>
 
&nbsp;&nbsp;&nbsp;&nbsp;Our games are made on structure of html5. The videos below are two short videos of our Fluid <font style="font-style:italic;">E.coli War</font> and solid <font style="font-style:italic;">E.coli War</font>. </div>
 
&nbsp;&nbsp;&nbsp;&nbsp;Our games are made on structure of html5. The videos below are two short videos of our Fluid <font style="font-style:italic;">E.coli War</font> and solid <font style="font-style:italic;">E.coli War</font>. </div>
 
                                           <p align="center"><table class="mytable"  frame=void>
 
                                           <p align="center"><table class="mytable"  frame=void>

Revision as of 08:39, 1 November 2017

Discription
Game overview
    There are many factors (Like initial number of each populations and spatial factors) can have influence on the results of population interactions in our system, and we found that it will be much easier to consider effects of these factors if we can visualize it. Therefore, we designed our game---E.coli War to satisfy our needs.
    Our games are made on structure of html5. The videos below are two short videos of our Fluid E.coli War and solid E.coli War.

See more details on Fluid E.coli War and Solid E.coli War

   After we designed our game preliminarily, we visited Beijing Perfect World Network Technology Co., Ltd (Perfect World), one of the largest game company in China, to learn more about the design of a game. The useful advice from the experts help us a lot in improving our E.coli War, making it more fun and easier for kids to play.
See more details at Visiting Perfect World
    Afterwards, when children played this game during our exhibition in China Science and Technology Museum (CSTM), they found many interesting results which can even promote our understanding of this system. (Fig.11) (See more details at Exhibition at National Museum, Game Discovery) Furthermore, this can also be helpful for our further research design.
Children are playing E.coli War in CSTM!


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