Friday, August 23, 2019

ImageUnion Application in C# (C Sharp) - 190823Fr

  ImageUnion Application in C#  
.
(Application for making Union of Images)
(Written by me in c# 2010)
Version: 190823Fr
.
On this year’s (2019Aug21Wed) birthday of mine, as I logged into my Twitter account I got a nice surprise of a lot of colorful balloons flying from bottom to top inside browser's client area. I enjoyed the experience very much and recalled that in previous years this happened as well. Meanwhile I kept clicking the reload button of browser to get another show of flying balloons few more times.
.
To make that moment memorable I took some screen-shots of balloon demo as well. Selected one of them, edited eg added some thanking text to it and posted on twitter.
.
After doing that I somehow saw a link just next to my information under banner. Link was saying "Happy Birthday!". I moved mouse pointer over link and clicked it. But may be because I was at the same time thinking something else I did not notice that each click was giving a new balloon demo. After afew clicks I did noticed and did clicked a few more times and at the same time enjoyed as well.
.
As I was enjoying reloading twitter page I found something very interesting in right column of Twitter page under the heading of "You might like". Immediately I took screen-shot and saved image to HDD. Because of that new found interest/attraction I clicked on "Happy Birthday!" link a few more times and took a few more screen-shots. After that and during comparing images for final selection I found that some images had more balloons and some less depending on time when I took those screen-shots, plus each image had different arrangement of balloons. I was not able to select any one of them for uploading/sharing on social media. So I decided to make an application for mixing all images together in such a way that all balloons from all screen-shots become part of one image. Background was already same in all images.
.
Therefore after making a skeleton idea for an application I started working on that and after some hours completed that successfully in c#. That application performs it's task in following three steps:
(1)_Load basic image: In this step user selects basic image with which he/she wants other images to mix.
(2)_Load Images to mix: In this step user selects images for mixing with image selected in first step.
(3)_Mix source images and save target image: In this step application mixes all images together and saves resulted image to HDD.
.
After making application I tested it a few times and felt satisfaction on the success of the application. I am sharing screen-shot of the application and their description in the following.
.
Screen shots of application and their description:
Following are screen shots of ImageUnion application at different stages with their description.
.
Application on Load:
Application looks like in the following image when it loads. Menu is on top line and status-bar is at bottom line. Area in between them is divided in three columns. In left column is option for selecting base image. In center column is option for selecting images for mixing with base image. In right column is option for generating mixed image. Mixed image gets saved automatically.
.
.

.
Help/About:
Application looks like in the following image when 'About' in 'Help' menu is clicked. This menu-item displays basic information about application and it's author.
.
.

.
Help/Purpose:
Application looks like in the following image when 'Purpose' in 'Help' menu is clicked. This menu-item display text explaining purpose of the application.
.
.

.
Help/Copyright:
Application looks like in the following image when 'Copyright' in 'Help' menu is clicked. This menu-item displays copyright text for this application.
.
.

.
Base image selected:
Application looks like in the following image when 'Select ...' button in left column "Base image to Union" is clicked and an image is selected.
.
.

.
Remaining image Selection:
(a)_Remaining images in process of selection:
Application looks like in the following image when 'Select ...' button in center column "Other images to Union" is clicked and one or more images are selected ans Remaining images selection process runs.
.
.

.
Remaining images selected:
Application looks like in the following image when 'Select ...' button in center column "Other images to Union" is clicked and one or more images are selected.
.
.

.
Target image generation:
(a)_Target image in process of generation:
Application looks like in the following image when 'Generate' button in right column "Unioned image" is clicked and some processing is done.
.
.

.
(b)_Target image generated and saved:
Application looks like in the following image when 'Generate' button in right column "Unioned image" is clicked and required image generation process completes.
.
.

.
Image of page that inspired this application:
And finally I am sharing in the following the image of screen-shot of the twitter page (as it was then) because of which I made this application. This image is generated by application by mixing many screen-shot images of Twitter page.
.

.

.
Enjoy Complete Source code of application written and compiled in visual studio 2010 Ultimate by Me. Download it. Extract it. Read 'ReadMeFirst.txt' file and do as is explained in it.
.

.
Colors used in this post:
Border color rgb(64, 128, 128) #408080
Background color rgb(230, 242, 242) #e6f2f2
.

.
UPDATE [2020 Oct 01 Thu]
During previous some days I made some changes in ImageUnion-1 application's User interface and Logic and re-ran it. Then I took ScreenShots of application while it was running, on it's different stages. Then I edited those ScreenShot phots and Unioned photo. Then I replaced original photos of this post with the new ones.
.

.
If there are any mistakes then I will surely remove them whenever found.
.

.


No comments:

Post a Comment