Team:Osaka/COLOR

From 2009.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
{{Template:COLOR_top}}
 +
<html>
 +
<h1 style="text-align: left">COLOR</h1>
-
<head>
+
  <div id="CollapsiblePanel1" class="CollapsiblePanel">  
-
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
<title>Home of iGEMOSAKA wiki</title>
+
    <h2>Overview</h2></div>  
-
<link href="https://2009.igem.org/wiki/index.php?title=User:KazutoIKEDA/wiki/iGEMOSAKAwiki.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  <div class="CollapsiblePanelContent">
-
<link href="https://2009.igem.org/User:KazutoIKEDA/wiki/linkwhite.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
    <p>We have tried to develop new art tools in addition to creating our own bio-art. New tools will open new possibilities for art. We want to provide outstanding 'painting' tools. So far, we have incorporated fluorescent proteins and organic pigments into our art tool ‘colrcoli’. We aim to create as diverse and extensive a palette of art and coloring tools as possible.</p><br>
 +
  </div>  
 +
  </div>  
-
<script language="JavaScript">
+
  <div id="CollapsiblePanel2" class="CollapsiblePanel">  
-
<!--
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
img = new Array("https://static.igem.org/mediawiki/2009/b/bc/Scicon_r10.png","https://static.igem.org/mediawiki/2009/7/75/Scicon_r20.png","https://static.igem.org/mediawiki/2009/9/98/Scicon_r30.png","https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon_c11.png","https://static.igem.org/mediawiki/2009/b/bc/Scicon_c12.png","https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png","https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png","https://static.igem.org/mediawiki/2009/d/d1/Scicon_l10.png","https://2009.igem.org/Image:Scicon_l20.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon_l30.png","https://static.igem.org/mediawiki/2009/8/8c/Scicon_l31.png","https://static.igem.org/mediawiki/2009/2/2a/Scicon_l32.png","https://static.igem.org/mediawiki/2009/2/28/Scicon_l33.png");
+
    <h2>Object</h2></div>
-
bfImg = new Array();
+
  <div class="CollapsiblePanelContent">
-
for(i=0; i<img.length; i++) {
+
    <p>Color is a very important aspect of art. The colors used for 'colacoli' consist of fluorescent as well as non-fluorescent pigment colors. Our palette of fluorescent colors include red, green, cyan, yellow, and orange, made possible by incorporating RFP, GFP, CFP, YFP, and mOrange fluorescent proteins respectively. We actually wanted to have even more colors, but the parts coding for fluorescent proteins supplied in the 2009 iGEM DNA distributiont were of limited variety. So we adopted a different method for obtaining new colors, that is by non-fluorescent organic pigments. Pigment colors are red, orange, yellow, brown, black, and  purple. Red, orange, and yellow colors can be provided by carotenoids, brown and black by melanin and purple by violacein.</p><br>
-
  bfImg[i] = new Image();
+
    <h3>Fluorescence</h3>
-
  bfImg[i].src = img[i];
+
    <p>We assembled genetic circuits for fluorescence colors. We used two patterns promoters, p(Lac) or p(Tet), for each fluorescent protein coding device.</p><br>
-
}
+
<div align="center">
-
//-->
+
<table>
-
</script>
+
<tr>
 +
<td style="text-align:center">
 +
<h4>p(Lac) colors</h4>
 +
<img src="https://static.igem.org/mediawiki/2009/3/3b/P(Lac)colors.JPG" width="300px" height="300px" style="margin-right:5px">
 +
</td>
 +
<td style="text-align:center">
 +
<h4>p(Tet) colors</h4>
 +
<img src="https://static.igem.org/mediawiki/2009/b/b6/P(Tet)colors.JPG" width="300px" height="300px" style="margin-left:5px">
 +
</td>
 +
</tr>
 +
</table>
 +
</div><br>
 +
    <h3>Carotenoid</h3>
 +
    <p>Carotenoid is a family of natural pigments. Many plants such as fruits and vegetables contain these pigments. For example, tomato has lycopene(red), carrot has carotene(orange). Xanthophyll(yellow) is found in almost all plants.</p><br>
 +
    <p>Biosynthesis of carotenoid pigments starts from FPP(FARNESYL DIPHOSPHATE). FPP is formed from isopentenylpyrophosphate(IPP) and dimethylallylpyrophosphate(DMAPP).</p><br>
 +
<div align="center">
 +
    <img src="https://static.igem.org/mediawiki/2009/2/2b/FromFPPtopigment.jpg" width="360px" height="450px">
 +
</div><br>
 +
<p>IPP and DMAPP are formed in mevalonate pathway or nonmevalonate pathway. Mevalonate pathway is an important cellular metabolic pathway present in all higher eukaryotes and many bacteria. And nonmevalone pathway is to produce isoprenoids in plants and apicomplexan protozoa.</p><br>
 +
<div align="center">
 +
<table>
 +
<tr>
 +
<td style="text-align:center">
 +
<h4>Mevalonate pathway</h4>
 +
<img src="https://static.igem.org/mediawiki/2009/4/4c/Mevalonate_pathway.png" width="450px" height="300px" style="margin-right:5px">
 +
</td>
 +
<td style="text-align:center">
 +
<h4>Non mavalonate pathway</h4>
 +
<img src="https://static.igem.org/mediawiki/2009/6/6e/Non-mevalonate.jpg" width="200px" height="700px" style="margin-left:5px">
 +
</td>
 +
</tr>
 +
</table>
 +
</div><br>
 +
<p>We succeeded in assembling the device coding for carotene (orange color). But the color of the cell colonies was quite weak, and giving a cream rather than orange color.</p><br>
 +
<div align="center">
 +
<img src="https://static.igem.org/mediawiki/2009/9/9e/Pigment_orange.JPG" width="300px" height="300px">
 +
</div><br>
 +
  <h3>Melanin</h3>
 +
      <p>Melanin is a pigment that is made in the human body. There are brown-black melanin pigments and orange-red melanin pigments. For example, our hair contains melanin as a major pigment. So the quantity of melanin makes natural hair color. </p><br>
 +
      <p>Biosynthesis of melanin pigments starts from tyrosine which is one of the amino acids. Tyrosine is changed to dopa and dopaquinone by the action of tyrosinase. Finally  products become brown-black melanin. </p><br>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2009/1/19/%E3%83%A1%E3%83%A9%E3%83%8B%E3%83%B3.GIF"></div><br>
-
</head>
+
  <h3>Violacein</h3>
 +
      <p>Violacein is a purple pigment. Bacteria in deep seawater produce this pigment. Violacein is claimed to have antibacterial and anti-tumor properties.</p><br>
 +
      <p>Biosynthesis of violacein pigments starts from tryptophan. As a substrate with tryptophan, to produse violacein needs enzyme vioA - vioE. </p><br>
 +
<div align="center"> <img src="https://static.igem.org/mediawiki/2009/7/75/VIOLACEIN.JPG"></div><br>
 +
<p>We tried to find DNA parts coding for the melanin and violacein pigments but couldn't. So we were unable to produce the colors brown, black, and purple.
 +
</p><br>
 +
 
 +
  </div>
 +
  </div>  
-
<body>
+
  <div id="CollapsiblePanel3" class="CollapsiblePanel">  
-
<div id="head">
+
  <div class="CollapsiblePanelTab" tabindex="0">  
-
<img src="https://static.igem.org/mediawiki/2009/5/50/Bilboard.png" style="margin-left: auto; margin-right: auto" usemap="#billboard">
+
    <h2>Collaboration with sensor</h2></div>  
-
                <map name="billboard">
+
  <div class="CollapsiblePanelContent">  
-
                        <area shape="rect" coords="0,0,500,200" href="home">
+
    <p>We assembled the genetic circuits that turn on their colors upon activation by a sensor switch. When a receiver of a signaling system gets a signal, a downstream gene that produces a certain color is activated. In the absence of a signal, they will have no color.</p><br>
-
                        <area shape="rect" coords="22,11,122,62" href="mail">
+
<p>However we were unable to make a perfect on/off system. Even without a signal, weak 'leaky' transcription occurs causing color to be faintly expressed. However the sensor does make a difference in the level of expression. So we made use of the differences to check the functionality of the sensors, as shown in these circuits below.</p><br>
-
                        <area shape="rect" coords="184,86,30,100" href="link">
+
<p>p(TetR)+RBS+Receiver(<a href="https://2009.igem.org/Team:Osaka/SIGNAL">see SIGNAL.</a>)+tt+P(Receiver+signal)+RBS+color+tt</p><br>
-
                </map>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2009/f/fe/Circuit.jpg"></div>
-
</div>
+
<br>
-
<div id="contents">
+
  </div>  
-
<div id="left_menu">
+
  </div>  
-
<table border="0" cellpadding="0px" cellspacing="0px">
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home2">
+
-
                                                <div class="ie6_s1">
+
-
<img src="https://static.igem.org/mediawiki/2009/d/d1/Scicon_l10.png"></a>
+
-
                                                </div>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home3" onMouseover="document.ib.src='https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png'" onMouseout="document.ib.src='https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png" name="ib"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home4" onMouseover="document.ic.src='https://static.igem.org/mediawiki/2009/b/bc/Scicon_r10.png'" onMouseout="document.ic.src='https://static.igem.org/mediawiki/2009/b/bf/Sgicon_r10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/b/bf/Sgicon_r10.png" name="ic"></a>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home5" onMouseover="document.id.src='https://static.igem.org/mediawiki/2009/6/67/Scicon_l20.png'" onMouseout="document.id.src='https://static.igem.org/mediawiki/2009/3/33/Sgicon_l20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/33/Sgicon_l20.png" name="id"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home6" onMouseover="document.ie.src='https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png'" onMouseout="document.ie.src='https://static.igem.org/mediawiki/2009/a/a3/Sgicon_c20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/a/a3/Sgicon_c20.png" name="ie"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home7" onMouseover="document.ij.src='https://static.igem.org/mediawiki/2009/7/75/Scicon_r20.png'" onMouseout="document.ij.src='https://static.igem.org/mediawiki/2009/5/5d/Sgicon_r20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/5/5d/Sgicon_r20.png" name="ij"></a>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home8" onMouseover="document.ig.src='https://static.igem.org/mediawiki/2009/5/5e/Scicon_l30.png'" onMouseout="document.ig.src='https://static.igem.org/mediawiki/2009/a/ae/Sgicon_l30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/a/ae/Sgicon_l30.png" name="ig"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home9" onMouseover="document.ih.src='https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png'" onMouseout="document.ih.src='https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png" name="ih"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home10" onMouseover="document.ii.src='https://static.igem.org/mediawiki/2009/9/98/Scicon_r30.png'" onMouseout="document.ii.src='https://static.igem.org/mediawiki/2009/f/f1/Sgicon_r30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/f/f1/Sgicon_r30.png" name="ii"></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<!--<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-top: 15px"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-bottom: 20px"></a>-->
+
-
</div>
+
-
                <div id="right_contents_top">
+
-
        <img src="https://static.igem.org/mediawiki/2009/8/8e/Back_top1.png">
+
-
                </div>
+
-
<div id="right_contents" style="background-color: #FEF2EC">
+
-
<h1 style="text-align: left">COLOR</h1>
+
-
<span>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</span>
+
-
</div>
+
-
                <div id="right_contents_bottom">
+
-
        <img src="https://static.igem.org/mediawiki/2009/9/99/Back_bottom1.png">
+
-
                </div>
+
-
</div>
+
-
<!--<div id="bottom">
+
-
<table border="0" cellpadding="10px" cellspacing="0" style="width: 790px; height: 150px; margin-left: auto; margin-right: auto">
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
category1</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents1</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents2</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents3</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
category2</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents4</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents5</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents6</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
category3</span></a></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents7</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents8</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents9</span></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
</div>-->
+
-
+
-
+
-
</body>
+
 +
  <div id="CollapsiblePanel4" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Future Work</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
 +
<h3>Color gradation</h3>
 +
<p>We designed a the genetic circuit which will gradually change cell color. This gene circuit indicates bellow. This is an application of our signal circuit. Signal system includes 2 distinct groups of parts: 'Senders' and 'Receivers'. The specific promoter in the receiver cells is activated by receiving the AHL signal from the sender cells. (<a href="
 +
https://2009.igem.org/Team:Osaka/SIGNAL">see SIGNAL.</a>)</p><br>
 +
 +
<p> On this device, there is a gene coding for an initial color, AHL receiver coding region, a gene coding for a different color and a CI lambda protein coding region. The regions coding for secondary color and CI lambda protein are situated downstream of AHL-activated promoter. The CI lambda protein is the repressor of the CI promoter which regulates production of the initial color. Therefore, when the signal is received, the cell gradually starts expression of the new color protein and stops expression of initial color protein. In addition, the same cell will also code for autoinducer producing proteins for another AHL signaling system, which will let it act as a sender to other cells. The planned circuit is as shown below.</p><br>
 +
 +
<div align="center">
 +
<img src="https://static.igem.org/mediawiki/2009/4/46/Osaka_Gradation_circuit2.jpg",width="720px" height="43px">
 +
</div><br>
 +
<br>
 +
 +
<p>Below movie indicates ideal results. The simulation movie includes an unknown parameter because of no experiment.</p>
 +
<br>
 +
<div  align="center">
 +
<embed src="https://static.igem.org/mediawiki/2009/8/84/Osaka_changing_color.mov" width="560px" height="440px" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed>
 +
</div>
 +
  </div>
 +
  </div>
 +
 +
 +
<script type="text/javascript">
 +
<!--
 +
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
 +
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
 +
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
 +
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
 +
//-->
 +
</script>
 +
<br>
</html>
</html>
 +
{{Template:COLOR_bottom}}

Latest revision as of 18:49, 21 October 2009

Home of iGEMOSAKA wiki

COLOR

Overview

We have tried to develop new art tools in addition to creating our own bio-art. New tools will open new possibilities for art. We want to provide outstanding 'painting' tools. So far, we have incorporated fluorescent proteins and organic pigments into our art tool ‘colrcoli’. We aim to create as diverse and extensive a palette of art and coloring tools as possible.


Object

Color is a very important aspect of art. The colors used for 'colacoli' consist of fluorescent as well as non-fluorescent pigment colors. Our palette of fluorescent colors include red, green, cyan, yellow, and orange, made possible by incorporating RFP, GFP, CFP, YFP, and mOrange fluorescent proteins respectively. We actually wanted to have even more colors, but the parts coding for fluorescent proteins supplied in the 2009 iGEM DNA distributiont were of limited variety. So we adopted a different method for obtaining new colors, that is by non-fluorescent organic pigments. Pigment colors are red, orange, yellow, brown, black, and purple. Red, orange, and yellow colors can be provided by carotenoids, brown and black by melanin and purple by violacein.


Fluorescence

We assembled genetic circuits for fluorescence colors. We used two patterns promoters, p(Lac) or p(Tet), for each fluorescent protein coding device.


p(Lac) colors

p(Tet) colors


Carotenoid

Carotenoid is a family of natural pigments. Many plants such as fruits and vegetables contain these pigments. For example, tomato has lycopene(red), carrot has carotene(orange). Xanthophyll(yellow) is found in almost all plants.


Biosynthesis of carotenoid pigments starts from FPP(FARNESYL DIPHOSPHATE). FPP is formed from isopentenylpyrophosphate(IPP) and dimethylallylpyrophosphate(DMAPP).



IPP and DMAPP are formed in mevalonate pathway or nonmevalonate pathway. Mevalonate pathway is an important cellular metabolic pathway present in all higher eukaryotes and many bacteria. And nonmevalone pathway is to produce isoprenoids in plants and apicomplexan protozoa.


Mevalonate pathway

Non mavalonate pathway


We succeeded in assembling the device coding for carotene (orange color). But the color of the cell colonies was quite weak, and giving a cream rather than orange color.



Melanin

Melanin is a pigment that is made in the human body. There are brown-black melanin pigments and orange-red melanin pigments. For example, our hair contains melanin as a major pigment. So the quantity of melanin makes natural hair color.


Biosynthesis of melanin pigments starts from tyrosine which is one of the amino acids. Tyrosine is changed to dopa and dopaquinone by the action of tyrosinase. Finally products become brown-black melanin.



Violacein

Violacein is a purple pigment. Bacteria in deep seawater produce this pigment. Violacein is claimed to have antibacterial and anti-tumor properties.


Biosynthesis of violacein pigments starts from tryptophan. As a substrate with tryptophan, to produse violacein needs enzyme vioA - vioE.



We tried to find DNA parts coding for the melanin and violacein pigments but couldn't. So we were unable to produce the colors brown, black, and purple.


Collaboration with sensor

We assembled the genetic circuits that turn on their colors upon activation by a sensor switch. When a receiver of a signaling system gets a signal, a downstream gene that produces a certain color is activated. In the absence of a signal, they will have no color.


However we were unable to make a perfect on/off system. Even without a signal, weak 'leaky' transcription occurs causing color to be faintly expressed. However the sensor does make a difference in the level of expression. So we made use of the differences to check the functionality of the sensors, as shown in these circuits below.


p(TetR)+RBS+Receiver(see SIGNAL.)+tt+P(Receiver+signal)+RBS+color+tt



Future Work

Color gradation

We designed a the genetic circuit which will gradually change cell color. This gene circuit indicates bellow. This is an application of our signal circuit. Signal system includes 2 distinct groups of parts: 'Senders' and 'Receivers'. The specific promoter in the receiver cells is activated by receiving the AHL signal from the sender cells. (see SIGNAL.)


On this device, there is a gene coding for an initial color, AHL receiver coding region, a gene coding for a different color and a CI lambda protein coding region. The regions coding for secondary color and CI lambda protein are situated downstream of AHL-activated promoter. The CI lambda protein is the repressor of the CI promoter which regulates production of the initial color. Therefore, when the signal is received, the cell gradually starts expression of the new color protein and stops expression of initial color protein. In addition, the same cell will also code for autoinducer producing proteins for another AHL signaling system, which will let it act as a sender to other cells. The planned circuit is as shown below.




Below movie indicates ideal results. The simulation movie includes an unknown parameter because of no experiment.