Difference between revisions of "Team:AHUT China/Attributions"

 
(59 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{:Team:AHUT_China/Template/CSS_RESET}}
 
{{:Team:AHUT_China/Template/CSS_RESET}}
−
<html>
+
<html lang="en">
−
          <p> Here we want to thank everyone who supported us this year and thus helped us make our project come true. Numerous individuals, research groups, departments and companies supported us throughout the entire project and here we want to say thank you for this!
+
 
−
<br/><br/>
+
       
−
Our iGEM team is from Anhui University of Technology, Ma 'anshan, China.
+
       
−
The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows: Our iGEM team is from Anhui University of Technology, Ma 'anshan, China.<br/><br/>
+
       
−
The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows:
+
        <!--================Header Area =================-->
−
Our team consists of 27 students from different majors of Anhui University of Technology, including biology, mechanical engineering, art design, English, etc.<br/><br/>
+
              <header class="header_area">
−
We were divided into groups of students in different majors, including those responsible for experiment, art design, web programming, social practice and cooperation, and mathematical modeling.<br/><br/>
+
            <div class="container">
−
At the same time, as we are from a country where the mother tongue is not English, we have arranged some students to be responsible for English translation and English presentation.<br/><br/>
+
                <nav class="navbar navbar-expand-lg navbar-light">
−
The students in charge of the experiment are Pan Luyao, Liu Zhihao, Bian Weixin, Wang Xiangxuan, Hu Zhiyuan, Qin Zichen, Wang Huichao,Chen Yuru,Chen Jinrui.<br/><br/>
+
                    <!-- Brand and toggle get grouped for better mobile display -->
−
They completed the experimental portion of the project, building Biobricks that met the standards of iGEM.<br/><br/>
+
                    <a class="navbar-brand logo_h" href="https://2018.igem.org/Team:AHUT_China/home"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--AHUT_China--_newlogo.jpg" height="110" width="80" alt=""></a>
−
The students responsible for art design are Sun Yu, Wang Yalong and Jiang Yu.<br/><br/>
+
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
−
They completed the design of poster, team flag, team banner, and team uniform, and they participated in the production of some pictures of wiki.<br/><br/>
+
                        <span class="icon-bar"></span>
−
The students responsible for web programming students are Cao Jinhui, Zhu Dazhu, Tao Wei.They did all the work of edit for the wiki.
+
                        <span class="icon-bar"></span>
−
<p/>
+
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                    <!-- Collect the nav links, forms, and other content for toggling -->
 +
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
 +
                        <ul class="nav navbar-nav menu_nav ml-auto">
 +
                            <li class="nav-item "><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/home">Home</a></li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" style="color:#52C5FD" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Team
 +
">Team Members</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Attributions">Attribution</a>
 +
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Overview">Overview</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Background">Background</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/protocol">Protocol</a></li>
 +
                                    <li class="nav-item"><a class="nav-link"
 +
href="https://2018.igem.org/Team:AHUT_China/design">Design</a></li>                                                     
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Demonstrate">Demonstrate</a></li>
 +
    <li class="nav-item"><a class="nav-link" href="
 +
https://2018.igem.org/Team:AHUT_China/InterLab">Interlab</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Notebook">Notebook</a></li>
 +
                                    <li class="nav-item"><a class="nav-link"
 +
href="https://2018.igem.org/Team:AHUT_China/Result">Result</a></li>
 +
                                  </li>
 +
                                </ul>
 +
                            </li>
 +
                              <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Improve">Improved parts</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/New_Parts">New Parts</a></li>
 +
 +
                                </ul>
 +
                            </li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Model">Modeling</a></li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Human_Practices">Overview</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/HP_FOR_SILVER">HP for Silver</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/INTEGRATED_FOR_GOLD">Integrated HP for gold</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="
 +
https://2018.igem.org/Team:AHUT_China/Public_Engagement">Public Engagement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Collaborations">Collaboration</a></li>
 +
<!--                            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>-->
 +
                        </ul>
 +
                    </div>
 +
                </nav>
 +
            </div>
 +
         
 +
        </header>
 +
        <!--================Breadcrumb Area =================-->
 +
        <br> <br> <br> <br> <br> <br>
 +
        <!--================Breadcrumb Area =================-->
 +
        <div align="center" class="section4"><img src="
 +
https://static.igem.org/mediawiki/2018/3/35/T--AHUT_China--_attribion155.jpg" width="602"  alt=""/></div>
 +
        <!--================Breadcrumb Area =================-->
 +
        <!--================ Latest Blog Area  =================-->
 +
      <section class="latest_blog_area section_gap">
 +
            <div class="container">
 +
              <div class="section_title ">
 +
               
 +
                <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-style: normal; font-weight: 400; font-size: 38px; text-align: center;"><strong style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-style: normal; font-weight: 400;color: #000000;"> ATTRIBUTION</strong></h2>
 +
                <hr>
 +
                <nbsp><nbsp>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  "><span style="font-size: 18px"><span style="font-size: 24px">Our</span> iGEM team is from Anhui University of Technology, Ma 'anshan, China. The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows: </span></p>
 +
<br>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  font-size: 18px;">With greenhouse effect becoming a widespread concern in recent years, how to effectively capture CO<span style="font-size: 12px">2</span> has become a worldwide problem. At present, CO<span style="font-size: 12px">2</span> capture mostly includes absorption, adsorption and membrane methods, etc., which have problems with high cost, high energy consumption for regeneration and secondary pollution. CO<span style="font-size: 12px">2</span> capture using carbonic anhydrase has attracted extensive attention due to its high catalytic efficiency and environmentally friendly properties. First, our project successfully expressed wide type carbonic anhydrase 2 in E. coli, however, its industrial application was limited due to poor stability and easy inactivation. Therefore, based on this, molecular simulation technology was used to investigate effect of amino acid residues mutation on the conformation and activity of enzyme, and the mutant carbonic anhydrase with higher thermal stability was obtained. The experimental results showed that the purified mutant carbonic anhydrase exhibited higher stability and activity than wild type carbonic anhydrase, achieving efficient capture of CO<span style="font-size: 12px">2</span>.</p>
 +
<br>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  font-size: 18px;color: #17E3C0;">Overview</p>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">We were divided into groups of students in different majors, including those responsible for experiment, art design, web programming, social practice and cooperation, and mathematical modeling.  
 +
At the same time, as we are from a country where the mother tongue is not English, we have arranged some students to be responsible for English translation and English presentation. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Experiment group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students in charge of the experiment are Pan Luyao, Liu Zhihao, Bian Weixin, Wang Xiangxuan, Hu Zhiyuan, Qin Zichen, Wang Huichao,Chen Yuru,Chen Jinrui.  
 +
They completed the experimental portion of the project, building Biobricks that met the standards of iGEM. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Art design group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for art design are Sun Yu, Wang Yalong and Jiang Yu. They completed the design of poster, team flag, team banner, and team uniform, and they participated in the figure production of wiki. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Wiki group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for web programming students are Cao Jinhui, Zhu Dazhu, Tao Wei.
 +
They did all the wiki job.</p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Modeling group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for mathematical modeling are Wang Qiong, Zhao Lei and Ma Xiaoguang.
 +
They completed the mathematical modeling work related to the project, and Zhao Lei developed the gas detection device used in the cooperation activity with an aerial model team of our university. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">English group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for English translation and presentation are Xia Yongli, Ge Yan, Chen Chen, Zhou Wan, Zhao Boya.They have completed all the documents on the wiki that need to be translated into English, and Xia Yongli, Ge Yan, Chen Chen, Zhou Wan and Wang Huichao will have live presentations during the competition.</p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Human practice group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for social practice and cooperation are Fan Zixuan, Zhou Yu, Lou Feiyue.All activities of HP and collaboration are organized and conducted by them. They are also responsible for communication with iGEM teams of other colleges. </p>
 +
<br><br><br>
 +
<strong style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 22px;">Acknowledgement</strong>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">Our team consists of 8 instructors, including Xu Xiangrong,Xu Hao,Ma Liang,Liu Zi,Ruilan Cao,She Huili,Xu Xia,Xu Jian. Our PI is Xu Xiangrong and Secondary PI is Xu Hao.
 +
We are so grateful to the instructors and advisors for their advice on our work. They provided us with laboratories and professional guidance.
 +
Prof. Xu Xiangrong provided some information of Human practice.
 +
Prof.Xu Xia,Prof.Xu Jian,Dr.Ma Liang and Dr.Liu Zi are responsible for the guidance of the wet lab.
 +
Our experiment mainly carried out in Dr.Ma Liang's laboratory. At the same time, we carried out experiments with the help of some
 +
instruments in Biochemical Engineering Research Center, BERC-AHUT by Prof.Xu Xia and Prof.Xu Jian.
 +
Prof.Cao Ruilan gave us some suggestions on English translation and English presentation
 +
Dr.She Huili gave us some advice on art design.
 +
Dr. Xu Hao guides us the programming, mathematical modeling and Dry lab.<br>
 +
<br>
 +
Meanwhile, we invited Leng Huji, Ding Yuqing, Zou Shoushuo and Long Lijuan as advisors. They provided us some suggestions for our project.</p>
 +
 
 +
 +
 
 +
     
 +
     
 +
      <p>&nbsp;</p>
 +
              </div>
 +
    </div>
 +
</section>
 +
        <!--================ Recent Area  =================-->
 +
       
 +
     
 +
       
 +
        <!--================ start footer Area  =================-->
 +
     
 +
 
 +
        <!-- Modals error -->
 +
 
 +
     
 +
        <!--================End Contact Success and Error message Area =================-->
 +
       
 +
       
 +
        <!-- Optional JavaScript -->
 +
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery-3.2.1.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/popper_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/bootstrap.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/owl.carousel.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery.ajaxchimp.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/bootstrap-datetimepicker.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery.nice-select.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/mail-script_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/stellar_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/imagesloaded.pkgd.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/isotope-min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/stellar_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/simpleLightbox.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <!--gmaps Js-->
 +
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE?action=raw&ctype=text/css" type="text/css""></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/gmaps.min_js?action=raw&ctype=text/css" type="text/css""></script>
 +
        <!-- contact js -->
 +
      <script src="https://2018.igem.org/Team:AHUT_China/jquery.form_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/jquery.validate.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/contact_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/custom_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script>
 +
// when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval
 +
// not supported in all browsers though and sometimes needs a prefix, so we need a shim
 +
window.requestAnimFrame = ( function() {
 +
return window.requestAnimationFrame ||
 +
window.webkitRequestAnimationFrame ||
 +
window.mozRequestAnimationFrame ||
 +
function( callback ) {
 +
window.setTimeout( callback, 1000 / 60 );
 +
};
 +
})();
 +
 
 +
// now we will setup our basic variables for the demo
 +
var canvas = document.getElementById( 'canvas' ),
 +
ctx = canvas.getContext( '2d' ),
 +
// full screen dimensions
 +
cw = window.innerWidth,
 +
ch = window.innerHeight,
 +
// firework collection
 +
fireworks = [],
 +
// particle collection
 +
particles = [],
 +
// starting hue
 +
hue = 120,
 +
// when launching fireworks with a click, too many get launched at once without a limiter, one launch per 5 loop ticks
 +
limiterTotal = 5,
 +
limiterTick = 0,
 +
// this will time the auto launches of fireworks, one launch per 80 loop ticks
 +
timerTotal = 80,
 +
timerTick = 0,
 +
mousedown = false,
 +
// mouse x coordinate,
 +
mx,
 +
// mouse y coordinate
 +
my;
 +
 +
// set canvas dimensions
 +
canvas.width = cw;
 +
canvas.height = ch;
 +
 
 +
// now we are going to setup our function placeholders for the entire demo
 +
 
 +
// get a random number within a range
 +
function random( min, max ) {
 +
return Math.random() * ( max - min ) + min;
 +
}
 +
 
 +
// calculate the distance between two points
 +
function calculateDistance( p1x, p1y, p2x, p2y ) {
 +
var xDistance = p1x - p2x,
 +
yDistance = p1y - p2y;
 +
return Math.sqrt( Math.pow( xDistance, 2 ) + Math.pow( yDistance, 2 ) );
 +
}
 +
 
 +
// create firework
 +
function Firework( sx, sy, tx, ty ) {
 +
// actual coordinates
 +
this.x = sx;
 +
this.y = sy;
 +
// starting coordinates
 +
this.sx = sx;
 +
this.sy = sy;
 +
// target coordinates
 +
this.tx = tx;
 +
this.ty = ty;
 +
// distance from starting point to target
 +
this.distanceToTarget = calculateDistance( sx, sy, tx, ty );
 +
this.distanceTraveled = 0;
 +
// track the past coordinates of each firework to create a trail effect, increase the coordinate count to create more prominent trails
 +
this.coordinates = [];
 +
this.coordinateCount = 3;
 +
// populate initial coordinate collection with the current coordinates
 +
while( this.coordinateCount-- ) {
 +
this.coordinates.push( [ this.x, this.y ] );
 +
}
 +
this.angle = Math.atan2( ty - sy, tx - sx );
 +
this.speed = 2;
 +
this.acceleration = 1.05;
 +
this.brightness = random( 50, 70 );
 +
// circle target indicator radius
 +
this.targetRadius = 1;
 +
}
 +
 
 +
// update firework
 +
Firework.prototype.update = function( index ) {
 +
// remove last item in coordinates array
 +
this.coordinates.pop();
 +
// add current coordinates to the start of the array
 +
this.coordinates.unshift( [ this.x, this.y ] );
 +
 +
// cycle the circle target indicator radius
 +
if( this.targetRadius < 8 ) {
 +
this.targetRadius += 0.3;
 +
} else {
 +
this.targetRadius = 1;
 +
}
 +
 +
// speed up the firework
 +
this.speed *= this.acceleration;
 +
 +
// get the current velocities based on angle and speed
 +
var vx = Math.cos( this.angle ) * this.speed,
 +
vy = Math.sin( this.angle ) * this.speed;
 +
// how far will the firework have traveled with velocities applied?
 +
this.distanceTraveled = calculateDistance( this.sx, this.sy, this.x + vx, this.y + vy );
 +
 +
// if the distance traveled, including velocities, is greater than the initial distance to the target, then the target has been reached
 +
if( this.distanceTraveled >= this.distanceToTarget ) {
 +
createParticles( this.tx, this.ty );
 +
// remove the firework, use the index passed into the update function to determine which to remove
 +
fireworks.splice( index, 1 );
 +
} else {
 +
// target not reached, keep traveling
 +
this.x += vx;
 +
this.y += vy;
 +
}
 +
}
 +
 
 +
// draw firework
 +
Firework.prototype.draw = function() {
 +
ctx.beginPath();
 +
// move to the last tracked coordinate in the set, then draw a line to the current x and y
 +
ctx.moveTo( this.coordinates[ this.coordinates.length - 1][ 0 ], this.coordinates[ this.coordinates.length - 1][ 1 ] );
 +
ctx.lineTo( this.x, this.y );
 +
ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)';
 +
ctx.stroke();
 +
 +
ctx.beginPath();
 +
// draw the target for this firework with a pulsing circle
 +
ctx.arc( this.tx, this.ty, this.targetRadius, 0, Math.PI * 2 );
 +
ctx.stroke();
 +
}
 +
 
 +
// create particle
 +
function Particle( x, y ) {
 +
this.x = x;
 +
this.y = y;
 +
// track the past coordinates of each particle to create a trail effect, increase the coordinate count to create more prominent trails
 +
this.coordinates = [];
 +
this.coordinateCount = 5;
 +
while( this.coordinateCount-- ) {
 +
this.coordinates.push( [ this.x, this.y ] );
 +
}
 +
// set a random angle in all possible directions, in radians
 +
this.angle = random( 0, Math.PI * 2 );
 +
this.speed = random( 1, 10 );
 +
// friction will slow the particle down
 +
this.friction = 0.95;
 +
// gravity will be applied and pull the particle down
 +
this.gravity = 1;
 +
// set the hue to a random number +-20 of the overall hue variable
 +
this.hue = random( hue - 20, hue + 20 );
 +
this.brightness = random( 50, 80 );
 +
this.alpha = 1;
 +
// set how fast the particle fades out
 +
this.decay = random( 0.015, 0.03 );
 +
}
 +
 
 +
// update particle
 +
Particle.prototype.update = function( index ) {
 +
// remove last item in coordinates array
 +
this.coordinates.pop();
 +
// add current coordinates to the start of the array
 +
this.coordinates.unshift( [ this.x, this.y ] );
 +
// slow down the particle
 +
this.speed *= this.friction;
 +
// apply velocity
 +
this.x += Math.cos( this.angle ) * this.speed;
 +
this.y += Math.sin( this.angle ) * this.speed + this.gravity;
 +
// fade out the particle
 +
this.alpha -= this.decay;
 +
 +
// remove the particle once the alpha is low enough, based on the passed in index
 +
if( this.alpha <= this.decay ) {
 +
particles.splice( index, 1 );
 +
}
 +
}
 +
 
 +
 
 +
 
 +
// draw particle
 +
Particle.prototype.draw = function() {
 +
 
 +
  ctx. beginPath();
 +
// move to the last tracked coordinates in the set, then draw a line to the current x and y
 +
ctx.moveTo( this.coordinates[ this.coordinates.length - 1 ][ 0 ], this.coordinates[ this.coordinates.length - 1 ][ 1 ] );
 +
ctx.lineTo( this.x, this.y );
 +
ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')';
 +
ctx.stroke();
 +
 
 +
 
 +
}
 +
 
 +
// create particle group/explosion
 +
function createParticles( x, y ) {
 +
// increase the particle count for a bigger explosion, beware of the canvas performance hit with the increased particles though
 +
var particleCount = 30;
 +
while( particleCount-- ) {
 +
particles.push( new Particle( x, y ) );
 +
}
 +
}
 +
 
 +
// main demo loop
 +
function loop() {
 +
// this function will run endlessly with requestAnimationFrame
 +
requestAnimFrame( loop );
 +
 +
// increase the hue to get different colored fireworks over time
 +
hue += 0.5;
 +
 +
// normally, clearRect() would be used to clear the canvas
 +
// we want to create a trailing effect though
 +
// setting the composite operation to destination-out will allow us to clear the canvas at a specific opacity, rather than wiping it entirely
 +
ctx.globalCompositeOperation = 'destination-out';
 +
// decrease the alpha property to create more prominent trails
 +
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
 +
ctx.fillRect( 0, 0, cw, ch );
 +
// change the composite operation back to our main mode
 +
// lighter creates bright highlight points as the fireworks and particles overlap each other
 +
ctx.globalCompositeOperation = 'lighter';
 +
 +
    var text = "Welcom to our pages"; 
 +
  ctx.font = "50px sans-serif";
 +
  var textData = ctx.measureText(text);
 +
  ctx.fillStyle = "rgba("+parseInt(random(0,255))+","+parseInt(random(0,255))+","+parseInt(random(0,255))+",0.3)";
 +
  ctx.fillText(text,cw /2-textData.width/2,ch/2);
 +
 
 +
// loop over each firework, draw it, update it
 +
var i = fireworks.length;
 +
while( i-- ) {
 +
fireworks[ i ].draw();
 +
fireworks[ i ].update( i );
 +
}
 +
 +
// loop over each particle, draw it, update it
 +
var i = particles.length;
 +
while( i-- ) {
 +
particles[ i ].draw();
 +
particles[ i ].update( i );
 +
}
 +
 +
// launch fireworks automatically to random coordinates, when the mouse isn't down
 +
if( timerTick >= timerTotal ) {
 +
if( !mousedown ) {
 +
// start the firework at the bottom middle of the screen, then set the random target coordinates, the random y coordinates will be set within the range of the top half of the screen
 +
     
 +
      for(var h=0;h<50;h++)
 +
      {
 +
          fireworks.push( new Firework( cw / 2, ch/2, random( 0, cw ), random( 0, ch  ) ) );
 +
      }
 +
     
 +
     
 +
timerTick = 0;
 +
}
 +
} else {
 +
timerTick++;
 +
}
 +
 +
// limit the rate at which fireworks get launched when mouse is down
 +
if( limiterTick >= limiterTotal ) {
 +
if( mousedown ) {
 +
// start the firework at the bottom middle of the screen, then set the current mouse coordinates as the target
 +
fireworks.push( new Firework( cw / 2, ch/2, mx, my ) );
 +
limiterTick = 0;
 +
}
 +
} else {
 +
limiterTick++;
 +
}
 +
}
 +
 
 +
// mouse event bindings
 +
// update the mouse coordinates on mousemove
 +
canvas.addEventListener( 'mousemove', function( e ) {
 +
mx = e.pageX - canvas.offsetLeft;
 +
my = e.pageY - canvas.offsetTop;
 +
});
 +
 
 +
// toggle mousedown state and prevent canvas from being selected
 +
canvas.addEventListener( 'mousedown', function( e ) {
 +
e.preventDefault();
 +
mousedown = true;
 +
});
 +
 
 +
canvas.addEventListener( 'mouseup', function( e ) {
 +
e.preventDefault();
 +
mousedown = false;
 +
});
 +
 
 +
// once the window loads, we are ready for some fireworks!
 +
window.onload = loop;
 +
 
 +
</script>
 
</html>
 
</html>
 +
{{:Team:AHUT_China/footer}}
 +
{{:Team:AHUT_China/footercss}}

Latest revision as of 03:14, 18 October 2018

Royal Hotel







ATTRIBUTION

Our iGEM team is from Anhui University of Technology, Ma 'anshan, China. The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows:


With greenhouse effect becoming a widespread concern in recent years, how to effectively capture CO2 has become a worldwide problem. At present, CO2 capture mostly includes absorption, adsorption and membrane methods, etc., which have problems with high cost, high energy consumption for regeneration and secondary pollution. CO2 capture using carbonic anhydrase has attracted extensive attention due to its high catalytic efficiency and environmentally friendly properties. First, our project successfully expressed wide type carbonic anhydrase 2 in E. coli, however, its industrial application was limited due to poor stability and easy inactivation. Therefore, based on this, molecular simulation technology was used to investigate effect of amino acid residues mutation on the conformation and activity of enzyme, and the mutant carbonic anhydrase with higher thermal stability was obtained. The experimental results showed that the purified mutant carbonic anhydrase exhibited higher stability and activity than wild type carbonic anhydrase, achieving efficient capture of CO2.


Overview

We were divided into groups of students in different majors, including those responsible for experiment, art design, web programming, social practice and cooperation, and mathematical modeling. At the same time, as we are from a country where the mother tongue is not English, we have arranged some students to be responsible for English translation and English presentation.


Experiment group

The students in charge of the experiment are Pan Luyao, Liu Zhihao, Bian Weixin, Wang Xiangxuan, Hu Zhiyuan, Qin Zichen, Wang Huichao,Chen Yuru,Chen Jinrui. They completed the experimental portion of the project, building Biobricks that met the standards of iGEM.


Art design group

The students responsible for art design are Sun Yu, Wang Yalong and Jiang Yu. They completed the design of poster, team flag, team banner, and team uniform, and they participated in the figure production of wiki.


Wiki group

The students responsible for web programming students are Cao Jinhui, Zhu Dazhu, Tao Wei. They did all the wiki job.


Modeling group

The students responsible for mathematical modeling are Wang Qiong, Zhao Lei and Ma Xiaoguang. They completed the mathematical modeling work related to the project, and Zhao Lei developed the gas detection device used in the cooperation activity with an aerial model team of our university.


English group

The students responsible for English translation and presentation are Xia Yongli, Ge Yan, Chen Chen, Zhou Wan, Zhao Boya.They have completed all the documents on the wiki that need to be translated into English, and Xia Yongli, Ge Yan, Chen Chen, Zhou Wan and Wang Huichao will have live presentations during the competition.


Human practice group

The students responsible for social practice and cooperation are Fan Zixuan, Zhou Yu, Lou Feiyue.All activities of HP and collaboration are organized and conducted by them. They are also responsible for communication with iGEM teams of other colleges.




Acknowledgement

Our team consists of 8 instructors, including Xu Xiangrong,Xu Hao,Ma Liang,Liu Zi,Ruilan Cao,She Huili,Xu Xia,Xu Jian. Our PI is Xu Xiangrong and Secondary PI is Xu Hao. We are so grateful to the instructors and advisors for their advice on our work. They provided us with laboratories and professional guidance. Prof. Xu Xiangrong provided some information of Human practice. Prof.Xu Xia,Prof.Xu Jian,Dr.Ma Liang and Dr.Liu Zi are responsible for the guidance of the wet lab. Our experiment mainly carried out in Dr.Ma Liang's laboratory. At the same time, we carried out experiments with the help of some instruments in Biochemical Engineering Research Center, BERC-AHUT by Prof.Xu Xia and Prof.Xu Jian. Prof.Cao Ruilan gave us some suggestions on English translation and English presentation Dr.She Huili gave us some advice on art design. Dr. Xu Hao guides us the programming, mathematical modeling and Dry lab.

Meanwhile, we invited Leng Huji, Ding Yuqing, Zou Shoushuo and Long Lijuan as advisors. They provided us some suggestions for our project.