Team:SUSTC-Shenzhen-A/Biodesign Background

From 2012.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 162: Line 162:
   <tr>
   <tr>
     <td><div >
     <td><div >
-
<h1 class="title">How BioDesign draws lines</h1>
+
<h1 class="title">How Biodesign draws lines</h1>
<p>&nbsp;&nbsp;&nbsp;&nbsp;We use Quartz 2D to develop the line part. See a detailed introduction of Quartz2D below or Google it!<br/>
<p>&nbsp;&nbsp;&nbsp;&nbsp;We use Quartz 2D to develop the line part. See a detailed introduction of Quartz2D below or Google it!<br/>
&nbsp;&nbsp;&nbsp;&nbsp;The major type of path we use is cubic Bézier curve.See Fig.1. Four points P0, P1, P2 and P3 in the plane or in higher-dimensional space define a cubic Bézier curve. The curve starts at P0 going toward P1 and arrives at P3 coming from the direction of P2. Usually, it will not pass through P1 or P2; these points are only there to provide directional information. The distance between P0 and P1 determines "how long" the curve moves into direction P2 before turning towards P3. </p><br/>
&nbsp;&nbsp;&nbsp;&nbsp;The major type of path we use is cubic Bézier curve.See Fig.1. Four points P0, P1, P2 and P3 in the plane or in higher-dimensional space define a cubic Bézier curve. The curve starts at P0 going toward P1 and arrives at P3 coming from the direction of P2. Usually, it will not pass through P1 or P2; these points are only there to provide directional information. The distance between P0 and P1 determines "how long" the curve moves into direction P2 before turning towards P3. </p><br/>
-
<p align="center"><img src="https://static.igem.org/mediawiki/2012/b/b8/Sustc_shenzhen_a_biodesign1.png"/><br/><b>Fig.1 Draw lines</b></p><br/>
+
<p align="center"><img src="https://static.igem.org/mediawiki/2012/1/14/Sustc_shenzhe_a_biodesign11.gif"/><br/><b>Fig.1 Draw lines</b></p><br/>
<p>&nbsp;&nbsp;&nbsp;&nbsp;The explicit form of the curve is:</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;The explicit form of the curve is:</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2012/4/45/Sustc_shenzhen_a_biodesign2.png" width="500" height="30"/></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2012/4/45/Sustc_shenzhen_a_biodesign2.png" width="500" height="30"/></p>
Line 194: Line 194:
<h1 class="title">Introduction to Quartz 2D</h1><br/>
<h1 class="title">Introduction to Quartz 2D</h1><br/>
<div class="image_wrapper image_fr"><span></span><img src="http://upload.wikimedia.org/wikipedia/en/b/bc/Quartz2D.png" width="218" height="128"  alt="Quartz 2D Image" /></div>
<div class="image_wrapper image_fr"><span></span><img src="http://upload.wikimedia.org/wikipedia/en/b/bc/Quartz2D.png" width="218" height="128"  alt="Quartz 2D Image" /></div>
-
<p>&nbsp;&nbsp;Quartz 2D is an advanced, two-dimensional drawing engine available for iOS application development and to all Mac OS X application environments outside of the kernel. Quartz 2D provides low-level, lightweight 2D rendering with unmatched output fidelity regardless of display or printing device. Quartz 2D is resolution- and device-independent; you don’t need to think about the final destination when you use the Quartz 2D application programming interface (API) for drawing.</p><br/>
+
<p>&nbsp;&nbsp;Quartz 2D is an advanced, two-dimensional drawing engine available for iOS application development and to all Mac OS X application environments outside of the kernel. Quartz 2D provides low-level, lightweight 2D rendering with unmatched output fidelity regardless of displaying or printing device. Quartz 2D is resolution- and device-independent; you don’t need to think about the final destination when you use the Quartz 2D application programming interface (API) for drawing.</p><br/>
<p>&nbsp;&nbsp;The Quartz 2D API is easy to use and provides access to powerful features such as transparency layers, path-based drawing, offscreen rendering, advanced color management, anti-aliased rendering, and PDF document creation, display, and parsing.</p><br/>
<p>&nbsp;&nbsp;The Quartz 2D API is easy to use and provides access to powerful features such as transparency layers, path-based drawing, offscreen rendering, advanced color management, anti-aliased rendering, and PDF document creation, display, and parsing.</p><br/>

Latest revision as of 16:33, 26 September 2012

How Biodesign draws lines

    We use Quartz 2D to develop the line part. See a detailed introduction of Quartz2D below or Google it!
    The major type of path we use is cubic Bézier curve.See Fig.1. Four points P0, P1, P2 and P3 in the plane or in higher-dimensional space define a cubic Bézier curve. The curve starts at P0 going toward P1 and arrives at P3 coming from the direction of P2. Usually, it will not pass through P1 or P2; these points are only there to provide directional information. The distance between P0 and P1 determines "how long" the curve moves into direction P2 before turning towards P3.



Fig.1 Draw lines


    The explicit form of the curve is:

    

    In Tinkercell, users can change the shape of the curve by dragging the control points, as shown in Fig.2. According to the habits of iPhone users, we use the movement of touches to control the shape change. Since the cubic Bézier curve has two control points, up to two fingers can be used with each one corresponding to one control point. When the number of finger touching is one, both control points will respond to the same movement.



Fig.2 Two fingers (represented as two gray dots) to control the line.

Introduction to Tinkercell

Tinkercell Image

    TinkerCell is a computer-aided design software tool for synthetic biology. It combines visual interface with programing API (Python, Octave, C, Ruby) and allows users to share their code with each other via a central repository.

    Since synthetic biology is a rapidly evolving field, three issues were taken into consideration when design TinkerCell. First, modeling techniques in biology are still at a developing stage; second, experimental techniques are constantly evolving, especially automation and directed evolution method; third, databases of biological components are still maturing.

    TinkerCell is designed with the anticipation that the future of synthetic biology will be an intricate interplay between a variety of experimental techniques, databases that store results from experiments, and mathematical models explaining different aspects of the experiments.

    It is too much to have many functions in TinkerCell from the start. So TinkerCell uses a flexible plug-in framework, which will allow others to contribute new functions to TinkerCell. The plug-ins can be written in C, C++, Python, or Octave. Other languages, e.g. Java, might also get added to this list.

    The basic idea behind ThinkerCell is to represent a diagram that is detailed enough so that it can be mapped to models or experimental understanding of the system. ThinkerCell enables that capability in software.

    The purpose of TinkerCell’s plugin interface is to welcome contributions from the community. Additionally, the TinkerCell source code is open-source (BSD) and the application itself is free of charge. All this is intend to make TinkerCell open to community.


Reference:www.tinkercell.com

  

  

Introduction to Quartz 2D


Quartz 2D Image

  Quartz 2D is an advanced, two-dimensional drawing engine available for iOS application development and to all Mac OS X application environments outside of the kernel. Quartz 2D provides low-level, lightweight 2D rendering with unmatched output fidelity regardless of displaying or printing device. Quartz 2D is resolution- and device-independent; you don’t need to think about the final destination when you use the Quartz 2D application programming interface (API) for drawing.


  The Quartz 2D API is easy to use and provides access to powerful features such as transparency layers, path-based drawing, offscreen rendering, advanced color management, anti-aliased rendering, and PDF document creation, display, and parsing.


  The Quartz 2D API is part of the Core Graphics framework, so you may see Quartz referred to as Core Graphics or, simply, CG.


  Reference:



https://developer.apple.com/

Footbar.jpg