Difference between revisions of "Team:Tsinghua-A/Game"
| (22 intermediate revisions by 6 users not shown) | |||
| Line 46: | Line 46: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
font-size: 40px; | font-size: 40px; | ||
| + | margin-top: 30px | ||
} | } | ||
.myTitle2 { | .myTitle2 { | ||
| Line 98: | Line 99: | ||
position:absolute; | position:absolute; | ||
width:70%; | width:70%; | ||
| − | height: | + | height:2360px; |
z-index:10000; | z-index:10000; | ||
top: 100px; | top: 100px; | ||
| Line 106: | Line 107: | ||
} | } | ||
#fh5co-hero { | #fh5co-hero { | ||
| − | min-height: | + | min-height: 2360px; |
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 143: | Line 144: | ||
</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" >Game overview</div> | + | <div class="myTitle1"id="top" >Game overview</div> |
<div class="myPara" > 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" > 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> | ||
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> | 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> | |
| − | + | <tr style="border:none;"> | |
| − | + | <td style="border:none;"><center><video src="https://static.igem.org/mediawiki/2017/f/f8/TsinghuaA-Fluidgameplay.MP4" width="400" height="300" controls="controls" style=" text-align:center"></video></center></td> | |
| + | <td style="border:none;"><center><video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="400" height="300" controls="controls" style=" text-align:center"></video><center></td></tr> | ||
| + | </table> </p> | ||
| + | |||
<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> | ||
| Line 157: | Line 162: | ||
<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" > | ||
| − | 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. | + | 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. (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> and <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> | ||
<div class="myPicDis" >Children are playing <font style="font-style:italic;">E.coli War</font> in CSTM!</div> | <div class="myPicDis" >Children are playing <font style="font-style:italic;">E.coli War</font> in CSTM!</div> | ||
| − | + | <div class="myPara" ><br><br></div> | |
| + | <div class="myPic1" id="apDiv_figure1"> | ||
| + | <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> Copyright© iGEM 2017 Tsinghua-A. All rights reserved. | Follow us: igem2017THU_A@163.com</div> | ||
Latest revision as of 15:57, 1 November 2017
TSINGHUA-A
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.
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. (See more details at Exhibition at National Museum and 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
