View source for Team:HFUT-China/HP/Silver

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Team:HFUT-China</title>

    <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet" />
    <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/stylewikiCss?action=raw&ctype=text/css" rel="stylesheet"
    />
    <link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" />
    <style>
        body {
            background: #fff;
        }
    </style>
</head>

<center>
    <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;">
        <ul class="nav">
            <li>
                <a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a>
            </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>
                <ul>
                    <li class="selfnav hef">
                        <a href="https://2017.igem.org/Team:HFUT-China/Description">
                            <font class="hef">Description</font>
                        </a>
                    </li>
                    <li class="selfnav hef">
                        <a href="https://2017.igem.org/Team:HFUT-China/Design">
                            <font class="hef">Design</font>
                        </a>
                    </li>
                    <li class="selfnav hef">
                        <a href="https://2017.igem.org/Team:HFUT-China/Contribution">
                            <font class="hef">Contribution</font>
                        </a>
                    </li>
                    <li class="selfnav hef">
                        <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate">
                            <font class="hef">Demonstrate</font>
                        </a>
                    </li>
                </ul>
            </li>
            <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>
                <ul>
                    <li class="selfnav">
                        <a href="https://2017.igem.org/Team:HFUT-China/Software">
                            <font class="hef" color="#000">Software</font>
                        </a>
                    </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">
                        <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>
            <font color="#555555 ">Human</font>&nbsp;<font color="#0089a7 ">Practice</font>
        </b>
    </div>

    <div style="margin-top: 30px;font-family: good; ">
        <b>
            <font color="#6f7c91" 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. Many elements of the human practice game were inspired by the concept of our project--"search". And our human practice project is also an extension of our main project.
            <br>
            <br>
        </div>
    </div>

    <div style="margin-top: 30px;font-family: good; ">
        <b>
            <font color="#6f7c91" 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. Moreover, the plan of developing a virtual lab wonders away from our project.
            <br>
            <br>
        </div>
        <img src="https://static.igem.org/mediawiki/2017/6/6e/VR-lab1.png" width="18%" style="box-shadow: 0px 3px 24px #ddd;margin-top:20px;margin-bottom:20px;border-radius:30px;">
        <img src="https://static.igem.org/mediawiki/2017/1/15/VR-lab2.png" width="18%" style="margin-left: 6%; box-shadow: 0px 3px 24px #ddd;margin-top:20px;margin-bottom:20px;border-radius:30px;">
        <img src="https://static.igem.org/mediawiki/2017/d/df/VR-lab3.png" width="18%" style="margin-left: 6%; box-shadow: 0px 3px 24px #ddd;margin-top:20px;margin-bottom:20px;border-radius:30px;">
    </div>

    <div style="margin-top: 30px;font-family: good; ">
        <b>
            <font color="#6f7c91" 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: good; ">
        <b>
            <font color="#6f7c91" size="6px ">
                <br>
                <br>
                <br>Gene War Game</font>
        </b>
    </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>

    <div class="p ">
        <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. What's more, players will get extra rewards when they find symbols of "BioDesigner Dolphin".

            <br>
            <br>
            <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/Vr3.png " width="44% " style="box-shadow: 0px 4px 10px #aaa;margin-left:
                    2%; margin-top:30px;border-radius:20px; ">
            </center>

            <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>
            <br>
        </div>

    </div>
    <div style="height:20%; "></div>
    <div class="footer">
        <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=" ">
                <img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png " class="icon ">
            </a>
            <a href=" ">
                <img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png " class="icon ">
            </a>
            <a href="https://github.com/APTX-4869-MDZZ/HFUT-China" target="blank ">
                <img src="https://static.igem.org/mediawiki/2017/5/51/Git.png " class="icon ">
            </a>
        </div>
    </div>
</center>


</html>