Difference between revisions of "Team:HFUT-China/HP/Silver"

Line 18: Line 18:
  
 
<center>
 
<center>
<div class="header" style="z-index:999; position:fixed;left:0px;top:16px;">
+
    <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;">
  <ul class="nav">
+
        <ul class="nav">
    <li><a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a></li>
+
            <li>
    <li><a href="https://2017.igem.org/Team:HFUT-China/Description">&nbsp;&nbsp;Project&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
+
                <a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a>
            <ul>
+
            </li>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Description"><font class="hef">Description</font></a></li>
+
            <li>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Design"><font class="hef">Design</font></a></li>
+
                <a href="https://2017.igem.org/Team:HFUT-China/Description">&nbsp;&nbsp;Project&nbsp;
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Contribution"><font class="hef">Contribution</font></a></li>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Demonstrate"><font class="hef">Demonstrate</font></a></li>
+
                <ul>
      </ul>
+
                    <li class="selfnav hef">
    </li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Description">
    <li><a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
+
                            <font class="hef">Description</font>
        <ul>
+
                        </a>
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Software"><font class="hef" color="#000">Software</font></a></li>
+
                    </li>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Model"><font class="hef" color="#000">Model</font></a></li>
+
                    <li class="selfnav hef">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Improve"><font class="hef" color="#000">Improve</font></a></li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Design">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Unit_Test"><font class="hef" color="#000">Unit Test</font></a></li></ul>
+
                            <font class="hef">Design</font>
    </li>
+
                        </a>
    <li><a href="https://2017.igem.org/Team:HFUT-China/Notebook">&nbsp;&nbsp;Documents&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
+
                    </li>
        <ul>
+
                    <li class="selfnav hef">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Notebook"><font class="hef" color="#000">Notebook</font></a></li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Contribution">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Medals"><font class="hef" color="#000">Medals</font></a></li>
+
                            <font class="hef">Contribution</font>
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Safety"><font class="hef" color="#000">Safety</font></a></li>
+
                        </a>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/User_guide"><font class="hef" color="#000">User guide</font></a></li>
+
                    </li>
        </ul>
+
                    <li class="selfnav hef">
    </li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate">
    <li><a href="https://2017.igem.org/Team:HFUT-China/Team">Team&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";></a>
+
                            <font class="hef">Demonstrate</font>
        <ul>
+
                        </a>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Team"><font class="hef" color="#000">Members</font></a></li>
+
                    </li>
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Attributions"><font class="hef" color="#000">Attributions</font></a></li>
+
                </ul>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Collaborations"><font class="hef" color="#000">Collaborations</font></a></li>
+
            </li>
     
+
            <li>
        </ul>
+
                <a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;
    </li>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
    <li><a href=https://2017.igem.org/Team:HFUT-China/HP/Silver">&nbsp;&nbsp;Human practice&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
+
                <ul>
<ul>
+
                    <li class="selfnav">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/HP/Silver"><font class="hef" color="#000">Silver HP</font></a></li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Software">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/HP/Gold_Integrated"><font class="hef" color="#000">Integrated<br>and Gold</font></a></li>
+
                            <font class="hef" color="#000">Software</font>
        </ul>
+
                        </a>
    </li><li><a href="https://igem.org/2017_Judging_Form?id=2466" target="blank">&nbsp;&nbsp;Judging Form&nbsp;&nbsp;</a></li>
+
                    </li>
  </ul>
+
                    <li class="selfnav">
</div>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Model">
     <div style="height:160px"></div>
+
                            <font class="hef" color="#000">Model</font>
     <div class="title" style="margin-top: 10px">
+
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Improve">
 +
                            <font class="hef" color="#000">Improve</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Unit_Test">
 +
                            <font class="hef" color="#000">Unit Test</font>
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="https://2017.igem.org/Team:HFUT-China/Notebook">&nbsp;&nbsp;Documents&nbsp;
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
 +
                <ul>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Notebook">
 +
                            <font class="hef" color="#000">Notebook</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Medals">
 +
                            <font class="hef" color="#000">Medals</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Safety">
 +
                            <font class="hef" color="#000">Safety</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/User_guide">
 +
                            <font class="hef" color="#000">User guide</font>
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="https://2017.igem.org/Team:HFUT-China/Team">Team&nbsp;
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>
 +
                </a>
 +
                <ul>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Team">
 +
                            <font class="hef" color="#000">Members</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Attributions">
 +
                            <font class="hef" color="#000">Attributions</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/Collaborations">
 +
                            <font class="hef" color="#000">Collaborations</font>
 +
                        </a>
 +
                    </li>
 +
 
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver ">&nbsp;&nbsp;Human practice&nbsp;
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px ">&nbsp;&nbsp;</a>
 +
                <ul>
 +
                    <li class="selfnav ">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver ">
 +
                            <font class="hef " color="#000 ">Silver HP</font>
 +
                        </a>
 +
                    </li>
 +
                    <li class="selfnav ">
 +
                        <a href="https://2017.igem.org/Team:HFUT-China/HP/Gold_Integrated ">
 +
                            <font class="hef
 +
                    " color="#000 ">Integrated
 +
                                <br>and Gold</font>
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="https://igem.org/2017_Judging_Form?id=2466 " target="blank ">&nbsp;&nbsp;Judging Form&nbsp;&nbsp;</a>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
     <div style="height:160px "></div>
 +
     <div class="title " style="margin-top: 10px ">
 
         <b>
 
         <b>
             <font color="#555555">Human</font>&nbsp;
+
             <font color="#555555 ">Human</font>&nbsp;
             <font color="#0089a7">Practice</font>
+
             <font color="#0089a7 ">Practice</font>
 
         </b>
 
         </b>
 
     </div>
 
     </div>
  
     <div style="margin-top: 30px;font-family: Light;">
+
     <div style="margin-top: 30px;font-family: Light; ">
 
         <b>
 
         <b>
             <font color="#333" size="6px">
+
            <font color="#333 " size="6px ">
 +
                <br>
 +
                <br>
 +
                <br>Idea</font>
 +
        </b>
 +
    </div>
 +
    <div class="p ">
 +
        <div class="q " style="line-height: 2.5; ">
 +
            <br>The main idea of our human practice project is to popularize iGEM and synthetic biology to outsiders. Let people who have never stepped into synthetic biology get interested in and know about it.
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
 
 +
    <div style="margin-top: 30px;font-family: Light; ">
 +
        <b>
 +
            <font color="#333 " size="6px ">
 +
                <br>
 +
                <br>
 +
                <br>Initial plan</font>
 +
        </b>
 +
    </div>
 +
    <div class="p ">
 +
        <div class="q " style="line-height: 2.5; ">
 +
            <br>At first, we planned to develop a virtual laboratory. We have visited USTC team’s laboratory and let them show us some professional equipment. Thanks to the enthusiastic receiving of USTC, we documented the equipment’s detailed appearance and its usage in order to build the virtual model in the VR lab.
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
 
 +
    <div style="margin-top: 30px;font-family: Light; ">
 +
        <b>
 +
            <font color="#333 " size="6px ">
 +
                <br>
 +
                <br>
 +
                <br>Change of plan</font>
 +
        </b>
 +
    </div>
 +
    <div class="p ">
 +
        <div class="q " style="line-height: 2.5; ">
 +
            <br>Although we have come up with an excellent plan of the virtual lab, it wonders away from our initial idea. Few people but biologists know about how to operate in the virtual lab. As for those who has never touched synthetic biology, it is too difficult to play around in the virtual lab. Thus we would fail to generalize synthetic biology to the non-professionals if we had kept the VR lab. Finally, we decided to change the plan and to develop a VR game.
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
 
 +
    <div style="margin-top: 30px;font-family: Light; ">
 +
        <b>
 +
             <font color="#333 " size="6px ">
 
                 <br>
 
                 <br>
 
                 <br>
 
                 <br>
 
                 <br>Gene War Game</font>
 
                 <br>Gene War Game</font>
 
         </b>
 
         </b>
</div>
+
    </div>
  
<div style="height:30px"></div>
+
    <div style="height:30px "></div>
<video src="https://static.igem.org/mediawiki/2017/c/c1/VR_GAME.mp4" width="900px" height="430px" poster="https://static.igem.org/mediawiki/2017/2/26/Vr1.png" loop="loop" controls autobuffer></video>
+
    <video src="https://static.igem.org/mediawiki/2017/c/c1/VR_GAME.mp4 " width="900px " height="430px " poster="https://static.igem.org/mediawiki/2017/2/26/Vr1.png
 +
                    " loop="loop " controls autobuffer></video>
  
     <div class="p">
+
     <div class="p ">
         <div class="q" style="line-height: 2.5;">
+
         <div class="q " style="line-height: 2.5; ">
             <br>The name of this game is VR Shooting - Gene War. Players are supposed to control a BioBrick container in their hands to store gene chains and shoot bullets to attack the enemy in front of them. In the meantime players should avoid being shot by bullets from enemies. There are a variety of enemies, whose blood volume, flying speed of bullets, movement patterns and scores are different. In the fifth section, there is a “Final BOSS” which is quite hard to deal with. A tool aiming at supplying blood for players is set in this game. A large number of BioBricks are randomly generated around the player. When the BioBricks are touched by the handle, a system which provides skills to players will start. The system will automatically select a suitable gene chain according to the gene blocks being touched. To start the game and acquire special skills, player must touch the virtual promoter and terminator, respectively. If players touch the wrong gene, the gene chains will be overloaded, which means they are cleared and regenerated. Players are provided with four special skills: explosion (reduce the blood volume of all enemies), blood supplement (return to full-blood status), no-enemy status and shooting speed acceleration.
+
             <br>The name of this game is VR Shooting - Gene War. Players are supposed to control a BioBrick container in their
 +
            hands to store gene chains and shoot bullets to attack the enemy in front of them. In the meantime players should
 +
            avoid being shot by bullets from enemies. There are a variety of enemies, whose blood volume, flying speed of
 +
            bullets, movement patterns and scores are different. In the fifth section, there is a “Final BOSS” which is quite
 +
            hard to deal with. A tool aiming at supplying blood for players is set in this game. A large number of BioBricks
 +
            are randomly generated around the player. When the BioBricks are touched by the handle, a system which provides
 +
            skills to players will start. The system will automatically select a suitable gene chain according to the gene
 +
            blocks being touched. To start the game and acquire special skills, player must touch the virtual promoter and
 +
            terminator, respectively. If players touch the wrong gene, the gene chains will be overloaded, which means they
 +
            are cleared and regenerated. Players are provided with four special skills: explosion (reduce the blood volume
 +
            of all enemies), blood supplement (return to full-blood status), no-enemy status and shooting speed acceleration.
 
             <br>
 
             <br>
<br>
+
            <br>
<center>
+
            <center>
<img src="https://static.igem.org/mediawiki/2017/2/26/Vr1.png" width="44%" style="box-shadow: 0px 4px 10px #aaa; margin-top:30px;border-radius:20px;">
+
                <img src="https://static.igem.org/mediawiki/2017/2/26/Vr1.png " width="44% " style="box-shadow: 0px 4px 10px #aaa; margin-top:30px;border-radius:20px; ">
    <img src="https://static.igem.org/mediawiki/2017/2/26/Vr3.png" width="44%" style="box-shadow: 0px 4px 10px #aaa;margin-left: 2%; margin-top:30px;border-radius:20px;">
+
                <img src="https://static.igem.org/mediawiki/2017/2/26/Vr3.png " width="44% " style="box-shadow: 0px 4px 10px #aaa;margin-left:
</center>
+
                    2%; margin-top:30px;border-radius:20px; ">
 +
            </center>
  
<br>
+
            <br>
<br>After players complete the game, their duration time and scores acquired will be ranked on the leaderboard in the main UI interface. What’s more, to make the game more interesting, there is also a rewarding mechanism. A searching “magnifier” is randomly generated in the game, and by touching it, the gene chains will be instantly filled and players can release the current skills.
+
            <br>After players complete the game, their duration time and scores acquired will be ranked on the leaderboard in
 +
            the main UI interface. What’s more, to make the game more interesting, there is also a rewarding mechanism. A
 +
            searching “magnifier” is randomly generated in the game, and by touching it, the gene chains will be instantly
 +
            filled and players can release the current skills.
 
             <br>
 
             <br>
 
             <br>
 
             <br>
Line 97: Line 247:
  
 
     </div>
 
     </div>
     <div style="height:20%;"></div>
+
     <div style="height:20%; "></div>
     <div class="footer" ">  
+
     <div class="footer " ">
  <div class="foot-icon ">
+
                    <div class="foot-icon ">
<a href="http://bio.measurex.top" target="blank"><img src="https://static.igem.org/mediawiki/2017/f/fb/Bio.png" class="icon"></a>
+
                        <a href="http://bio.measurex.top " target="blank ">
    <a href=" "><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png " class="icon "></a>
+
                            <img src="https://static.igem.org/mediawiki/2017/f/fb/Bio.png " class="icon ">
    <a href=" "><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png " class="icon "></a>
+
                        </a>
    <a href=" "><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png " class="icon "></a>
+
                        <a href=" ">
  </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png " class="icon ">
</div>
+
                        </a>
</center>
+
                        <a href=" ">
 
+
                            <img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png " class="icon ">
 +
                        </a>
 +
                        <a href=" ">
 +
                            <img src="https://static.igem.org/mediawiki/2017/5/51/Git.png " class="icon ">
 +
                        </a>
 +
                    </div>
 +
    </div>
 +
</center>
 +
 
  
 
</html>
 
</html>

Revision as of 06:30, 29 October 2017

Team:HFUT-China

Human  Practice



Idea

The main idea of our human practice project is to popularize iGEM and synthetic biology to outsiders. Let people who have never stepped into synthetic biology get interested in and know about it.




Initial plan

At first, we planned to develop a virtual laboratory. We have visited USTC team’s laboratory and let them show us some professional equipment. Thanks to the enthusiastic receiving of USTC, we documented the equipment’s detailed appearance and its usage in order to build the virtual model in the VR lab.




Change of plan

Although we have come up with an excellent plan of the virtual lab, it wonders away from our initial idea. Few people but biologists know about how to operate in the virtual lab. As for those who has never touched synthetic biology, it is too difficult to play around in the virtual lab. Thus we would fail to generalize synthetic biology to the non-professionals if we had kept the VR lab. Finally, we decided to change the plan and to develop a VR game.




Gene War Game

The name of this game is VR Shooting - Gene War. Players are supposed to control a BioBrick container in their hands to store gene chains and shoot bullets to attack the enemy in front of them. In the meantime players should avoid being shot by bullets from enemies. There are a variety of enemies, whose blood volume, flying speed of bullets, movement patterns and scores are different. In the fifth section, there is a “Final BOSS” which is quite hard to deal with. A tool aiming at supplying blood for players is set in this game. A large number of BioBricks are randomly generated around the player. When the BioBricks are touched by the handle, a system which provides skills to players will start. The system will automatically select a suitable gene chain according to the gene blocks being touched. To start the game and acquire special skills, player must touch the virtual promoter and terminator, respectively. If players touch the wrong gene, the gene chains will be overloaded, which means they are cleared and regenerated. Players are provided with four special skills: explosion (reduce the blood volume of all enemies), blood supplement (return to full-blood status), no-enemy status and shooting speed acceleration.



After players complete the game, their duration time and scores acquired will be ranked on the leaderboard in the main UI interface. What’s more, to make the game more interesting, there is also a rewarding mechanism. A searching “magnifier” is randomly generated in the game, and by touching it, the gene chains will be instantly filled and players can release the current skills.