Click here to Skip to main content
Licence CPOL
First Posted 4 Jul 2007
Views 34,643
Downloads 290
Bookmarked 31 times

Simple ASCII Art Generator

By | 18 Jul 2007 | Article
Uses less than 25 lines of code to convert a given picture to an equivalent ASCII picture
Screenshot - ASCII1.jpg

Introduction

This is a very simple program to convert a given picture into an ASCII Art of 1s & 0s. The output ASCII Image is saved in *.html format.

Using the Code

The code first reads the picture specified by the user into a bitmap object. Then it scans through each pixel of the image and converts it into its equivalent HTML tag, and saves the value into the output.html file.

The final output will look similar to the picture shown above.

StreamWriter sw = File.CreateText(outputPath);
Color color;
 
//Start of HTML file
sw.Write("<html> \n <body > \n <pre style=\"font: 10px/3px monospace;\">");

Random ran = new Random();
for (int y = 0; y < bmp.Height; y=y+3)
{
    for (int x = 0; x < bmp.Width; x=x+3)
    {
        int random = ran.Next(2);
        color = bmp.GetPixel(x, y);
        //write the HTML tag corresponding to the pixel color 
        //value of random will be either 1 or 0
        sw.Write("<span style=\"color: #{0:X2}{1:X2}{2:x2};\">{3}</span>", 
            (int)color.R, (int)color.G, (int)color.B, random);
    }

    sw.WriteLine("<br>");
}

//End of HTML file
sw.Write("</body>\n</html>");

sw.Close();

Note that we are using a random number generator to produce either 1 or 0 randomly.

int random = ran.Next(2);

Points of Interest

This is a very simple approach to creating color ASCII art. It will be quite simple to modify the above program to output other characters as well (rather than the 1 & 0 used here).

A sample picture created with a modified version of the above program could be found here.

Note: Sometimes, it may take several seconds for the background image to load.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Sajjitha Gunawardana

Web Developer

Sri Lanka Sri Lanka

Member

coding in C# C++ C
 
==============================================
 
Code in English, not Gibberish Smile | :)

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
GeneralPossibly re-inventing the wheel...there has been a similar article written prior to yours Pinmemberdaluu14:10 30 Dec '07  
GeneralRe: Possibly re-inventing the wheel...there has been a similar article written prior to yours PinmemberSajjitha Gunawardana12:42 31 Dec '07  
GeneralEasy way to show all ascii characters PinmemberWill Code for Food9:26 26 Jul '07  
Generalthx all the same Pinmembertodd_yx23:36 25 Jul '07  
GeneralRe: thx all the same PinmemberSajjitha Gunawardana13:47 27 Jul '07  
GeneralAdditional features PinmemberPapa Beers8:22 25 Jul '07  
Questionplz help me on C# Pinmembertodd_yx0:40 25 Jul '07  
AnswerRe: plz help me on C# PinmemberSajjitha Gunawardana7:58 25 Jul '07  
GeneralLOL - Thanks, I needed the laugh! PinmemberINVALID_HANDLE_VALUE21:11 12 Jul '07  
GeneralIts Cool Pinmemberwizkiz7:11 11 Jul '07  
GeneralIt works good PinmemberbigRahn14:44 9 Jul '07  
GeneralRe: It works good PinmemberSajjitha Gunawardana4:55 10 Jul '07  
I could allow a feature to resize the output picture. But resizing will most likely results in the output picture loosing atleast some amout of resolution/detail I guess Smile | :)
But I will look what I can do...
 
Sajjitha Gunawardana

GeneralRe: It works good PinmemberbigRahn5:39 11 Jul '07  
GeneralRe: It works good Pinmemberwizkiz7:13 11 Jul '07  
GeneralRe: It works good PinmemberbigRahn3:43 12 Jul '07  

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Mobile
Web02 | 2.5.120529.1 | Last Updated 18 Jul 2007
Article Copyright 2007 by Sajjitha Gunawardana
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid