Difference between revisions of "Team:Tsinghua/Measurement"
| Line 2: | Line 2: | ||
<html lang="en-US"> | <html lang="en-US"> | ||
<head> | <head> | ||
| − | + | <meta charset="utf-8"> | |
| − | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| − | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| − | + | <!-- --> | |
| − | + | <!-- Document Title--> | |
| − | + | <!-- =============================================--> | |
| − | + | <title>iGEM Tsinghua</title> | |
| − | + | <!-- --> | |
| − | + | <!-- Favicons--> | |
| − | + | <!-- =============================================--> | |
| − | + | <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png"> | |
| − | + | <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png"> | |
| − | + | <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png"> | |
| − | + | <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico"> | |
| − | + | <link rel="manifest" href="assets/images/favicons/manifest.json"> | |
| − | + | <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5"> | |
| − | + | <meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png"> | |
| − | + | <meta name="theme-color" content="#ffffff"> | |
| − | + | --> | |
| − | + | <!-- Stylesheets--> | |
| − | + | <!-- =============================================--> | |
| − | + | <!-- Default stylesheets--> | |
| − | + | <!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> --> | |
| − | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/bootstrap.min.css&action=raw&ctype=text/css" > | |
| − | + | ||
| − | + | <!-- Template specific stylesheets--> | |
| − | + | <!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> --> | |
| − | + | <link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet"> | |
| − | + | <!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> --> | |
| − | + | <!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> --> | |
| − | + | <!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> --> | |
| − | + | <!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> --> | |
| − | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/flexslider2.css&action=raw&ctype=text/css" > | |
| − | + | ||
| − | + | <!-- Main stylesheet and color file--> | |
| − | + | <!-- <link href="assets/css/style.css" rel="stylesheet"> --> | |
| − | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/font-awesome.min.css&action=raw&ctype=text/css"> | |
| − | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/style.css&action=raw&ctype=text/css" > | |
| − | + | ||
| − | + | <!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> --> | |
| − | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/custom.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.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"> | ||
| − | + | <main> | |
| − | + | ||
| − | + | <div class="loading" id="preloader"> | |
| − | + | <div class="h-100vh d-flex align-items-center justify-content-center background-white"> | |
| − | + | <div> | |
| − | + | <img src="https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif" style="width:5%; position:absolute; left: 46%; top: 43%"> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="sticky-lg-top pt-4" style="z-index: 1000;"> | |
| − | + | <div style="background: rgba(30, 30, 30, 0.936);position: absolute; width: 100%; height: 10rem;top:-3.2rem;"></div> | |
| − | + | <div class="znav-container znav-transparent sticky-lg-top pt-4 mt-0" id="znav-container" style="left:10%"> | |
| − | + | ||
| − | + | <div class="container"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;"> | |
| − | + | <nav class="navbar navbar-expand-lg"> | |
| − | + | ||
| − | + | <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua"> | |
| − | + | ||
| − | + | iGEM | |
| − | + | <span class="d-none d-lg-inline-block">Tsinghua</span> | |
| − | + | </a> | |
| − | + | <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> | |
| − | + | <div class="hamburger hamburger--emphatic"> | |
| − | + | <div class="hamburger-box"> | |
| − | + | <div class="hamburger-inner"></div> | |
| − | + | ||
| − | + | </div> | |
| − | + | </div> | |
| − | + | </button> --> | |
| − | + | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | |
| − | + | <ul class="navbar-nav font-2 fs-1"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a> | |
| − | + | ||
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a> | |
| − | + | <ul class="dropdown fs-0"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a> | |
| − | + | <ul class="dropdown fs-0"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <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> | |
| − | + | ||
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a> | |
| − | + | <ul class="dropdown fs-0"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a> | |
| − | + | <ul class="dropdown fs-0"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Characterization">Characterization</a> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Chart">Chart Form</a> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li> | |
| − | + | <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a> | |
| − | + | <ul class="dropdown fs-0"> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a> | |
| − | + | </li> | |
| − | + | ||
| − | + | </ul> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | ||
| − | + | </div> | |
| − | + | ||
| − | + | </nav> | |
| − | + | ||
| − | + | </div> | |
| − | + | </div> | |
| + | </div> | ||
| + | |||
<section class="py-0 overflow-hidden"> | <section class="py-0 overflow-hidden"> | ||
| Line 312: | Line 319: | ||
<!--/.container--> | <!--/.container--> | ||
</section> | </section> | ||
| − | + | <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> | |
| − | + | <!--/.background-holder--> | |
| − | + | <div class="container"> | |
| − | + | <div class="row justify-content-center"> | |
| − | + | <div class="col-12"> | |
| − | + | <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"> | |
| − | + | <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" 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 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 class="row mt-8 fs--1"> | |
| − | + | <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> | |
| − | + | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a> | |
| − | + | <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/Model">Next Page <span class="fa fa-chevron-right"></span></span></a> | |
| − | + | </div> | |
| − | + | <div class="col-lg text-lg-left"> | |
| − | + | <div class="color-8">© Tsinghua iGEM 2019 | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--/.row--> | |
| − | + | ||
| − | + | <!--/.container--> | |
| − | + | </section> | |
| − | + | </main> | |
| − | + | <!-- --> | |
| − | + | <!-- JavaScripts--> | |
| − | + | <!-- =============================================--> | |
| − | + | <!-- <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/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/bootstrap/dist/js/bootstrap.min.js"></script> --> | |
| − | + | <!-- <script src="assets/js/googlemap.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/imagesloaded.pkgd.min.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 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/gsap/src/minified/plugins/ScrollToPlugin.min.js"></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/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/rellax/rellax.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/zanimation.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/inertia.js&action=raw&ctype=text/javascript"></script> | |
| − | + | ||
| − | + | <!-- <script src="assets/js/inertia.js"></script> --> | |
| − | + | <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> --> | |
| + | <!-- <script src="assets/lib/flexslider/jquery.flexslider-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/js/core.js"></script> --> | ||
| + | <!-- <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 src="assets/js/particleanimate.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/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> | ||
| + | (function(){ | ||
| + | let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度 | ||
| + | let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度 | ||
| + | let scrollAvail = pageHeight - windowHeight; // 可滚动的高度 | ||
| + | console.log('可滚动的高度：', scrollAvail); | ||
| + | window.onscroll = function () { | ||
| + | let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 获取滚动条的高度 | ||
| + | console.log('滚动条的高度：', scrollTop); | ||
| + | document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%'; // 计算占比 | ||
| + | }; | ||
| + | }()); | ||
| + | </script> | ||
| + | </body> | ||
| + | <body> | ||
| + | <div class="progress"></div> | ||
| + | <div> | ||
| + | <div class="box">1</div> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
Latest revision as of 02:23, 22 October 2019
Measurement
Overview
This year, PhASE explored the measurement of protein distribution in a cell. To reflect the spatial distribution, we used fluorescence intensity profile to quantify signal density along a straight line. To reflect the distribution change towards time, we utilized the intensity ratio of phase to cytosol to quantify the relative amount of proteins in different area in each time unit.
Microplate Reader
(1) Fluorescence intensity profile
Tagging target proteins with fluorescence proteins, we can firstly quantify the relative density of them by recording fluorescence intensity. Then, in order to determine the relationship between fluorescence intensity and subcellular location, we defined an origin from which distance could be calculated. Next, we measured the fluorescence intensity on a particular orientation derived from the origin to reflect distribution of protein along this dimension in an intuitive way. This measurement method is called intensity profile and could be carried out easily using NIS viewer. We successfully characterize the recruitment of mCherry to phase using this method. We propose that intensity profile could be utilized to study the redistribution of proteins, DNA, RNA and other visible molecules in cells. (Figure 1, 3, 4)
Microplate Reader
(2) Intensity ratio of phase to cytosol
To show Cry2 distribution in certain region during stimulation, we tagged Cry2 with mCherry and measure mCherry intensity in certain areas. These areas are called “ROIs”. ROI locates in phase and cytosol is measured their intensity to show the distribution of Cry2 in these area and the normalized intensity is intensity of phase/cytosol. The change is normalized intensity shows the “movements” of Cry2. When perform time measurements, which measures the change of ROIs intensity with time, ROIs drew in phase and cytosol is set as standard ROIs. While a background ROI is also need to remove the affect of background and a reference ROI is to ensure the intensity of the whole zoom didn’t change much during stimulation.(Figure 2)
Figure 1 Intensity profile of phASE#1 before and after stimulation. The intensity of mCherry is measured, which is fused with Cry2. The measurement shows Cry2 distribution. Figure 1A Measurement of mCherry intensity profile before light stimulation. Figure 1B Measurement of mCherry intensity profile after light stimulation. Figure 1C Result of intensity profile before light stimulation. Figure 1D Result of intensity profile after light stimulation.
Figure 2 Measurement of mCherry intensity in phase and cytosol during light stimulation, which indicates the distribution of Cry2 in certain ROI regions. Figure 2A ROIs measured during stimulation(Red for phase, purple for cytosol, yellow for reference and blue for background). Figure 2B Result of ROI intensity measurements. Normalized intensity is intensity of phase/cytosol.
Figure 3 Intensity profile of phASE#2 before and after stimulation. The intensity of mCherry is measured, which is fused with Cry2. The measurement shows Cry2 distribution. Figure 3A Measurement of mCherry intensity profile before light stimulation. Figure 3B Measurement of mCherry intensity profile after light stimulation. Figure 3C Result of intensity profile before light stimulation. Figure 3D Result of intensity profile after light stimulation.
Figure 4 Intensity profile of phASE#1, stimulated by FITC and incubate in dark for 1 h. The reversible system then stimulated by 488nm light. Figure 4 is the reversible system before and after stimulation by 488 nm. The intensity of mCherry is measured, which is fused with Cry2. The measurement shows Cry2 distribution. Figure 4A Measurement of mCherry intensity profile before light stimulation. Figure 4B Measurement of mCherry intensity profile after light stimulation. Figure 4C Result of intensity profile before light stimulation. Figure 4D Result of intensity profile after light stimulation.
Confocal
We performed data analysis using Excel, NIS-Elements AR Analysis, and Prism8.
Confocal
Fluorescence recovery after photobleaching (FRAP)
The emission intensity of each channel (mostly 488nm excitation channel) was measured before and after photobleaching. Apart from the bleaching area, the intensity of the background and a reference area (separate from the bleached cell) was also measured for calibration. A plot of normalized intensity (the ratio of intensity at t s to intensity at 0 s) versus time was made afterwards. The videos and screenshots of the photobleaching were also exported for demonstration.
Confocal
Light induction
The ratio of intensity within phase to cytosol versus time was measured and plotted, in order to quantitively demonstrate the distribution change of mCherry fluorescence signal. The videos and screenshots of the light induction were also exported for demonstration.
1