Difference between revisions of "Team:Tsinghua/Model3"

(Created page with "{{Tsinghua}} <html lang="en-US"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi...")
 
 
(4 intermediate revisions by the same user not shown)
Line 47: Line 47:
 
      
 
      
 
     <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" >
 
     <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" >
 +
    <style>
 +
        *{margin:0;padding:0;}
 +
        .box{height:1px;width:1%;background:#ccc;}
 +
        .progress{position:fixed;top:1rem; z-index:9999;height:5px;background-image: linear-gradient(to right, rgb(252, 141, 15),rgb(14, 178, 243));}
 +
    </style>
 
</head>  
 
</head>  
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
Line 117: Line 122:
 
                                         <li>
 
                                         <li>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Measurement">Measurement</a>
 
                                         </li>
 
                                         </li>
 
                                          
 
                                          
Line 155: Line 163:
 
                                     <ul class="dropdown fs-0">
 
                                     <ul class="dropdown fs-0">
 
                                         <li>
 
                                         <li>
                                             <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">Overview</a>
+
                                             <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a>
                                        </li>
+
                                        <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/General">General</a>
+
 
                                         </li>
 
                                         </li>
 +
                                       
 
                                         <li>
 
                                         <li>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
Line 178: Line 184:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 +
 
          
 
          
 
         <section class="py-0 overflow-hidden">
 
         <section class="py-0 overflow-hidden">
Line 200: Line 208:
 
                     <div class="col-md-7 col-lg-5">
 
                     <div class="col-md-7 col-lg-5">
 
                         <div class="sticky-lg-top pt-4" style="top: 5.5rem;">
 
                         <div class="sticky-lg-top pt-4" style="top: 5.5rem;">
                             <h3 class="ls color-primary mb-4">Enzymatic Reaction Kinetics</h3>
+
                             <h3 class="ls color-primary mb-4">User-Interface</h3>
                             <p class="lead pr-lx-8 pr-lg-6 mb-5">Outline</p>
+
                             <div class="row">
 +
                                    <div class="col-12">
 +
                                        <a href="https://github.com/Yunoinsky/PhASE_Tsinghua_iGEM" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--2dsim3.jpg" width="100%" alt="" />
 +
                                            <center><p>interactions on our github repositories <span class="fa fa-github"></span>!</p></center>
 +
                                        </a>
 +
                                        </div>
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 210: Line 225:
 
                         <div class="row my-4 my-lg-6">
 
                         <div class="row my-4 my-lg-6">
 
                             <div class="col-12">
 
                             <div class="col-12">
                                 <img src="https://static.igem.org/mediawiki/2019/4/4d/T--Tsinghua--model3form3_1.png" width="60%" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2019/4/4d/T--Tsinghua--model3form3_1.png" width="80%" alt="" />
 
                                  
 
                                  
 
                             </div>
 
                             </div>
Line 219: Line 234:
 
                         <div class="row my-4 my-lg-6">
 
                         <div class="row my-4 my-lg-6">
 
                             <div class="col-12">
 
                             <div class="col-12">
                                 <img src="https://static.igem.org/mediawiki/2019/a/a8/T--Tsinghua--model3form3_2.png" width="60%" alt="" />
+
                                 <img src="https://static.igem.org/mediawiki/2019/a/a8/T--Tsinghua--model3form3_2.png" width="80%" alt="" />
 
                                  
 
                                  
 
                             </div>
 
                             </div>
 
                              
 
                              
 
                         </div>
 
                         </div>
 +
                        <p class="dropcap">
 +
                                The value of 𝐶<sub>1</sub> can be calculated via image processing programs, while the value of 𝐶<sub>0</sub> can be inferred from the size of protein particles after scaling to the same scale as the image where we calculate 𝐶<sub>1</sub>.
 +
                        </p>
 +
                        <p class="mb-0">
 +
                                Since there is not much prior knowledge of the solubility difference of the substrate between in the cytoplasm and in the phase, we conservatively assume that 𝑘<sup>∘</sup><sub>𝑓</sub>=1. As discussed previously, the term 1−𝑒<sup>−𝜆𝑉<sub>0</sub><sup>1/3</sup></sup> is the orientation factor. The orientation factors of different chemical reactions vary greatly, and the orientation factor data of enzymatic reactions are lacking. But as a proof of concept, we don’t need to be that precise and hence we can roughly estimate the orientation factor to be 1×10<sup>-3</sup>.
 +
                        </p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 233: Line 254:
 
         </section>
 
         </section>
 
         <section class="text-center pb-3">
 
         <section class="text-center pb-3">
            <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
+
                <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
            <!--/.background-holder-->
+
                <!--/.background-holder-->
            <div class="container">
+
                <div class="container">
                <div class="row justify-content-center">
+
                    <div class="row justify-content-center">
                    <div class="col-12">
+
                        <div class="col-12">
                        <h4 class="mb-4 color-white">Thanks for your support !</h4>
+
                            <h4 class="mb-4 color-white">Thanks for your support !</h4>
                       
+
                    </div>
+
                    <div style="height: 30px;"></div>
+
                    <div class ="row">
+
                       
+
                        <div class="col-2">
+
                        </div>
+
                        <div class="col-2">
+
                            <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
+
 
                              
 
                              
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                        <div style="height: 30px;"></div>
                             <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
+
                         <div class ="row">
                        </div>
+
                           
                        <div class="col-2">
+
                            <div class="col-2">
                            <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
                             </div>
                        </div>
+
                            <div class="col-2">
                       
+
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
                        <div class="col-2">
+
                                    <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
                            <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
                                </a>
 +
                               
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
 +
                                </a>
 +
                            </div>
 +
                           
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                            </div>
 
                              
 
                              
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                        <div style="height: 1cm;"></div>
 +
                         <div class="row">
 +
                            <div class="col-3"></div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-3">
 +
                            </div>
 
                         </div>
 
                         </div>
                       
 
 
                     </div>
 
                     </div>
                     <div style="height: 1cm;"></div>
+
                     <div class="row mt-8 fs--1">
                    <div class="row">
+
                        <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
                        <div class="col-3"></div>
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
                        <div class="col-2">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
                             <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
 +
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Next Page <span class="fa fa-chevron-right"></span></span></a>
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                         <div class="col-lg text-lg-left">
                            <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
                            <div class="color-8">&copy; Tsinghua iGEM 2019
                        </div>
+
                             </div>
                        <div class="col-2">
+
                             <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
                        </div>
+
                        <div class="col-3">
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <div class="row mt-8 fs--1">
+
                 <!--/.row-->
                    <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
+
               
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
+
                <!--/.container-->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
            </section>
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
        </main>
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
        <!--  -->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
        <!--    JavaScripts-->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
        <!--    =============================================-->
                        <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
+
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Next Page <span class="fa fa-chevron-right"></span></span></a>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
                    </div>
+
       
                    <div class="col-lg text-lg-left">
+
        <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
                        </div>
+
        <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
                    </div>
+
        <!-- <script src="assets/js/googlemap.js"></script> -->
                </div>
+
       
            </div>
+
        <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
            <!--/.row-->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
           
+
        <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
            <!--/.container-->
+
        <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
        </section>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
    </main>
+
       
    <!--  -->
+
        <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
    <!--    JavaScripts-->
+
        <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
    <!--    =============================================-->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
+
       
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/js/config.js"></script> -->
   
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
    <script src="assets/lib/jquery/dist/jquery.min.js"></script>
+
       
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
+
        <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
    <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
    <!-- <script src="assets/js/googlemap.js"></script> -->
+
       
   
+
        <!-- <script src="assets/js/zanimation.js"></script> -->
    <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
    <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
       
    <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
+
        <!-- <script src="assets/js/inertia.js"></script> -->
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
   
+
        <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
    <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
    <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
+
       
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/js/core.js"></script> -->
   
+
        <!-- <script src="assets/js/main.js"></script> -->
    <!-- <script src="assets/js/config.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
   
+
        <!-- <script src="assets/js/particleanimate.js"></script> -->
    <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
   
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
    <!-- <script src="assets/js/zanimation.js"></script> -->
+
        <script>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
+
            (function(){
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
+
                let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度
   
+
                let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度
    <!-- <script src="assets/js/inertia.js"></script> -->
+
                let scrollAvail = pageHeight - windowHeight; // 可滚动的高度
    <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
+
                console.log('可滚动的高度:', scrollAvail);
    <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
+
                window.onscroll = function () {
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
+
                    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  // 获取滚动条的高度
   
+
                    console.log('滚动条的高度:', scrollTop);
    <!-- <script src="assets/js/core.js"></script> -->
+
                    document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%';    // 计算占比
    <!-- <script src="assets/js/main.js"></script> -->
+
                };
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
+
            }());
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
+
        </script>
    <!-- <script src="assets/js/particleanimate.js"></script> -->
+
    </body>
    <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> -->
+
    <body>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
+
        <div class="progress"></div>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
+
        <div>
</body>
+
            <div class="box">1</div>
</html>
+
        </div>
 +
    </body>
 +
    </html>

Latest revision as of 03:55, 22 October 2019

iGEM Tsinghua

Ⅲ. A User-Interface for Our Modeling

To give you a more intuitive understanding of the phase separation process and the effect of phase separation on the rate of enzymatic reactions, we have made an interactive interface. You can choose the different strengths of interactions between separation elements and different enzyme concentrations to see how the phase separation proceeds and how the rate of the enzymatic reaction changes.

The computation of enzymatic reaction rate changes in the user-interface is based on formula (2.17), which we made some modifications to. First, we assume that every protein cluster forms a real phase, which means 𝜒𝑖=1 for all 𝑖’s. Then, we get

If we denote by 𝑆1 the specific surface area of protein clusters (the ratio of surface area to volume) after phase separation and 𝑆0 the specific surface area of protein all protein particles before phase separation, one will find the term 𝑞1/30𝑛𝑖=1𝑞2/3𝑖 is exactly equal to 𝑆1/𝑆0. We can use this relationship to extend the application of equation (3.1) to the case where the shape of the protein phase is arbitrary (i.e., not necessarily a sphere), just by replacing the term 𝑞1/30𝑛𝑖=1𝑞2/3𝑖 with 𝑆1/𝑆0. The phase-separated images are two-dimensional, where we can only obtain the ratio of the perimeter to the area of the protein phase (denoted by 𝐶1 and 𝐶0 after and before the phase separation respectively) rather than the surface area to volume ratio. We can roughly estimate the relationship between the two ratios using the relationship 3𝐶1/𝐶0=2𝑆1/𝑆0. Therefore, we can rewrite (3.1) as

The value of 𝐶1 can be calculated via image processing programs, while the value of 𝐶0 can be inferred from the size of protein particles after scaling to the same scale as the image where we calculate 𝐶1.

Since there is not much prior knowledge of the solubility difference of the substrate between in the cytoplasm and in the phase, we conservatively assume that 𝑘𝑓=1. As discussed previously, the term 1−𝑒−𝜆𝑉01/3 is the orientation factor. The orientation factors of different chemical reactions vary greatly, and the orientation factor data of enzymatic reactions are lacking. But as a proof of concept, we don’t need to be that precise and hence we can roughly estimate the orientation factor to be 1×10-3.

Thanks for your support !

1