<p>The high level of interactivity for pARP made it difficult to manage the drawing routines. We don’t want to redraw the whole screen every time the mouse is moved, but at the same time we do want to update <em>some</em> aspects of that screen. The solution to this was to use different buffers that are only redrawn if their content changes (see <a href="http://processing.org/hacks/hacks:offscreen">Processing Hacks</a> for how that works). Buffers are basically only redrawn when necessary and the draw() function just loads all buffers. Depending on the type of user interaction (MouseMoved(), MouseClicked(), …) certain buffers get redrawn.</p>
<p>Here’s a breakdown of the different buffers:</p>
<h3>bufferCircularAll</h3>
<p>Contains the part of the circular display that never changes:</p>
<ul>
<li>Outer ring showing chromosomes</li>
<li>Chromosome numbers</li>
<li>Grey connections for between-chromosomal readpairs</li>
</ul>
<p><a href="http://www.flickr.com/photos/82932180@N00/3079447979/" title="buffer_circular_all by jandot, on Flickr"><img src="http://farm4.static.flickr.com/3234/3079447979_8f45525c36.jpg" width="311" height="293" alt="buffer_circular_all" /></a></p>
<h3>bufferCircularHighlighted</h3>
<p>Contains the highlighted readpairs when the mouse is near the circle. The background for this buffer is bufferCircularAll, so the picture shows bufferCircularHighlighted <em>superimposed</em> on bufferCircularAll.</p>
<p><a href="http://www.flickr.com/photos/82932180@N00/3080284036/" title="buffer_circular_highlighted by jandot, on Flickr"><img src="http://farm4.static.flickr.com/3152/3080284036_c4361cf149.jpg" width="291" height="290" alt="buffer_circular_highlighted" /></a></p>
<h3>bufferLinearIdeograms</h3>
<p>Contains the part of the linear display that only changes when different chromosomes are selected:</p>
<ul>
<li>The two ideograms</li>
<li>The baseline</li>
<li>The buttons</li>
</ul>
<p><a href="http://www.flickr.com/photos/82932180@N00/3080284090/" title="buffer_linear_ideograms by jandot, on Flickr"><img src="http://farm4.static.flickr.com/3141/3080284090_33f8de7d3d.jpg" width="500" height="125" alt="buffer_linear_ideograms" /></a></p>
<h3>bufferLinearZoom</h3>
<p>Contains the parts of the linear display that only change when the user zooms or pans:</p>
<ul>
<li>The green zoom box</li>
<li>Readpairs</li>
<li>Features</li>
</ul>
<p>The background of this buffer is bufferLinearIdeograms, so the picture is a superposition of bufferLinearZoom onto bufferLinearIdeograms.</p>
<p><a href="http://www.flickr.com/photos/82932180@N00/3080284124/" title="buffer_linear_zoom by jandot, on Flickr"><img src="http://farm4.static.flickr.com/3151/3080284124_4fa672eb55.jpg" width="500" height="125" alt="buffer_linear_zoom" /></a></p>
<h3>bufferLinearHighlighted</h3>
<p>Buffer containing only elements that change when the user moves the mouse (i.e. the bit of text mentioning the position of the mouse cursor and the red highlights). Background for this buffer is bufferLinearZoom.</p>
<p><a href="http://www.flickr.com/photos/82932180@N00/3080284166/" title="buffer_linear_highlighted by jandot, on Flickr"><img src="http://farm4.static.flickr.com/3295/3080284166_3a9a71184d.jpg" width="500" height="126" alt="buffer_linear_highlighted" /></a></p>
<h3>main draw</h3>
<p>Some bits are drawn outside of any buffer and directly on screen:</p>
<ul>
<li>the green line on the linear display that corresponds to the cursor position</li>
<li>the text mentioning the quality cutoff</li>
</ul>
2009-11-21T23:12:08-08:00
89838
buffers
78614
Buffers
2008-12-03T07:55:26-08:00
10043