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

Line 106: Line 106:
 
height:5000px;
 
height:5000px;
 
z-index:10000;
 
z-index:10000;
top: 150px;
+
top: 100px;
 
left: 15%;
 
left: 15%;
 
}
 
}
Line 145: Line 145:
 
<div class="background" id="apDiv_background">
 
<div class="background" id="apDiv_background">
 
   
 
   
  <div class="myTitle1" >Game Overview</div>
+
  <div class="myTitle1" >Game overview</div>
<!--   <div class="myTitle2" >副标题</div>
+
  <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>
-->   <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;&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;&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>
+
 
<div class="myvedio"><video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="768" height="432" controls="controls"><!-- </div> -->
 
<div class="myvedio"><video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="768" height="432" controls="controls"><!-- </div> -->
 
  <!-- <div class="myvideo" ><video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="700" height="467"> --></video></div>
 
  <!-- <div class="myvideo" ><video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="700" height="467"> --></video></div>
 
<div class="myPicDis" >See more details on <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_game"><font style="font-style:italic;">Fluid E.coli War</font></a> and <a href="https://2017.igem.org/Team:Tsinghua-A/solid_game"><font style="font-style:italic;">Solid E.coli War</font></a></div>
 
<div class="myPicDis" >See more details on <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_game"><font style="font-style:italic;">Fluid E.coli War</font></a> and <a href="https://2017.igem.org/Team:Tsinghua-A/solid_game"><font style="font-style:italic;">Solid E.coli War</font></a></div>
  
  <div class="myPara" > <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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 <font style="font-style:italic;">E.coli War</font>, making it more fun and easier for kids to play.<br> </div>
+
  <div class="myPara" > <br>&nbsp;&nbsp;&nbsp;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 <font style="font-style:italic;">E.coli War</font>, making it more fun and easier for kids to play.<br> </div>
 
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/f/f8/EPE-PWgame.jpeg" width="700" height="467"></div>
 
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/f/f8/EPE-PWgame.jpeg" width="700" height="467"></div>
 
  <div class="myPicDis" >See more details at <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link2"><font style="font-style:italic;">Visiting Perfect World</font></a> </div>
 
  <div class="myPicDis" >See more details at <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link2"><font style="font-style:italic;">Visiting Perfect World</font></a> </div>
 
  <div class="myPara" >  
 
  <div class="myPara" >  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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 <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link1"><font style="font-style:italic;">Exhibition at National Museum</font></a>, <a href="https://2017.igem.org/Team:Tsinghua-A/Game_Discovery"><font style="font-style:italic;">Game Discovery</font></a>) Furthermore, this can also be helpful for our further research design.
+
&nbsp;&nbsp;&nbsp;&nbsp;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 <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link1"><font style="font-style:italic;">Exhibition at National Museum</font></a>, <a href="https://2017.igem.org/Team:Tsinghua-A/Game_Discovery"><font style="font-style:italic;">Game Discovery</font></a>) Furthermore, this can also be helpful for our further research design.
 
  </div>
 
  </div>
 
    <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/8/81/TsinghuaA-GameOverview-ChildrenPlaying.JPG" width="700" height="467"></div>
 
    <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/8/81/TsinghuaA-GameOverview-ChildrenPlaying.JPG" width="700" height="467"></div>

Revision as of 13:29, 30 October 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!