{"id":2553,"date":"2008-06-09T16:21:00","date_gmt":"2008-06-09T16:21:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/pfxteam\/2008\/06\/09\/image-colorizer-sample-in-the-june-2008-ctp\/"},"modified":"2008-06-09T16:21:00","modified_gmt":"2008-06-09T16:21:00","slug":"image-colorizer-sample-in-the-june-2008-ctp","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/image-colorizer-sample-in-the-june-2008-ctp\/","title":{"rendered":"Image Colorizer Sample in the June 2008 CTP"},"content":{"rendered":"

Continuing the tour of the samples included in the Parallel Extensions June 2008 CTP, we now turn our attention to the “Image Colorizer” application.<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

This sample uses the following constructs from Parallel Extensions:<\/FONT><\/FONT><\/P>\n

System.Threading.Parallel.For()<\/FONT><\/SPAN><\/SPAN> <\/FONT><\/FONT><\/P>\n

and also the following from the standard .NET libraries:<\/FONT><\/FONT><\/SPAN><\/P>\n

System.ComponentModel.BackgroundWorker<\/FONT><\/SPAN><\/P>\n

System.Threading.Interlocked.Add()<\/FONT><\/SPAN><\/SPAN><\/P>\n

 <\/FONT><\/P>\n

The Image Colorizer was originally written by Stephen Toub to demonstrate Tablet PC APIs functionality (see <\/FONT>https:\/\/msdn.microsoft.com\/en-us\/library\/bb332387.aspx<\/FONT><\/A>) and requires the Microsoft.Ink.DLL to compile.  <\/SPAN>If you cannot compile this sample, please obtain the DLL via the <\/FONT>Microsoft XP Tablet SDK<\/FONT><\/A>.<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

The application demonstrates how to recolor an image to preserve either one or more master colors, and optionally to limit such preservation to specific regions selected via ink.  <\/SPAN>For this discussion, we will only consider the simple behavior, for which the basic flow is:<\/FONT><\/FONT><\/P>\n

1.<\/FONT>       <\/SPAN><\/SPAN><\/SPAN>The user selects a master color by clicking on an image pixel (or multiple colors if the Shift-key is held down while clicking)<\/FONT><\/FONT><\/P>\n

2.<\/FONT>       <\/SPAN><\/SPAN><\/SPAN>The application copies the image bitmap, and kicks off a worker to colorize the image.  <\/SPAN>The colorization involves altering each image pixel color towards grayscale depending on its ‘closeness’ to the master color(s).<\/FONT><\/FONT><\/P>\n

3.<\/FONT>       <\/SPAN><\/SPAN><\/SPAN>When the new image bitmap has been created, it is drawn to the screen.<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

For example, on the standard Windows Vista image “Frangipani Flowers”, we can see the effect of choosing a to colorize on the red of the unopened flower:<\/FONT><\/FONT><\/P>\n

<\/FONT> <\/P>\n

\"Original<\/FONT><\/FONT><\/P>\n

Original image<\/FONT><\/FONT><\/P>\n

<\/FONT> <\/P>\n

\"Colorized<\/P>\n

Colorized using red as the master color<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

In particular, this sample application provides a good example of a GUI that performs significant computation whilst providing progress updates.  <\/SPAN>Even before we consider parallelizing the work, the application already involves multi-threaded code to ensure that the foreground GUI thread never blocks and remains responsive whilst the computation is occurring.  <\/SPAN>The standard mechanism to achieve this is to use a <\/FONT>System.Component.BackgroundWorker<\/FONT><\/SPAN><\/SPAN> for performing the expensive computation.  <\/SPAN> <\/SPAN>It is a good strategy to build your applications in two phases like this: <\/FONT><\/FONT><\/P>\n

Phase 1: GUI + BackgroundWorker<\/FONT><\/FONT><\/P>\n

Phase 2: GUI + BackgroundWorker with parallelized computation<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

Once the basic application is in place with a background worker performing sequential computation, it is relatively straight-forward to extend it to use parallelism. Note: Parallel computation is turned on in the application via the ‘check-mark’ button \u2013 you may also wish to add a <\/FONT>Stopwatch<\/FONT><\/SPAN><\/SPAN> around the final if-block in Colorize() to validate the speedup if the progress bar is not sufficient for observing the timing.<\/FONT><\/FONT><\/P>\n

 <\/FONT><\/P>\n

 <\/SPAN>The first issue to address when moving to a parallel version of <\/FONT><\/FONT>Colorize()<\/FONT><\/SPAN><\/SPAN> is achieving multi-threaded access to a <\/FONT>System.Drawing.Bitmap<\/FONT><\/SPAN><\/SPAN>.  <\/SPAN>This is conveniently handled already via the <\/FONT>FastBitmap<\/FONT><\/SPAN><\/SPAN> class which locks the bitmap and provides access to a regular array during manipulation; please see the code for the details.  <\/SPAN>The only other change is to ensure that the progress counter manipulation is thread-safe which is achieved by using <\/FONT>Interlocked.Add(ref pixelsProcessed, width)<\/FONT><\/SPAN><\/SPAN> rather than the non-thread-safe alternative: <\/FONT>pixelsProcessed += width.<\/SPAN><\/SPAN><\/FONT><\/P>\n

 <\/FONT><\/P>\n

Because the workload is easily parallelizable and there is significant computation performed in each iteration, the <\/FONT>Colorize()<\/FONT><\/SPAN><\/SPAN> function achieves essentially a linear speedup, eg 4x on a 4-core machine.  <\/SPAN><\/FONT><\/FONT><\/P>\n

 <\/P><\/p>\n","protected":false},"excerpt":{"rendered":"

Continuing the tour of the samples included in the Parallel Extensions June 2008 CTP, we now turn our attention to the “Image Colorizer” application.   This sample uses the following constructs from Parallel Extensions: System.Threading.Parallel.For() and also the following from the standard .NET libraries: System.ComponentModel.BackgroundWorker System.Threading.Interlocked.Add()   The Image Colorizer was originally written by Stephen […]<\/p>\n","protected":false},"author":482,"featured_media":58792,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7908],"tags":[7911,7909,7912],"class_list":["post-2553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pfxteam","tag-code-samples","tag-parallel-extensions","tag-task-parallel-library"],"acf":[],"blog_post_summary":"

Continuing the tour of the samples included in the Parallel Extensions June 2008 CTP, we now turn our attention to the “Image Colorizer” application.   This sample uses the following constructs from Parallel Extensions: System.Threading.Parallel.For() and also the following from the standard .NET libraries: System.ComponentModel.BackgroundWorker System.Threading.Interlocked.Add()   The Image Colorizer was originally written by Stephen […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/2553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/users\/482"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/comments?post=2553"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/2553\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media\/58792"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media?parent=2553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/categories?post=2553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/tags?post=2553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}