|
Using
SiMPLE
To Create Your Own Computer Art (Part 1)
|
Welcome to this very brief, 4-part introductory discussion about how almost anyone can start creating their own computer art, even if they've never tried it before!
Creating your own "computer art" is fun and easy
Before we begin, let's first talk a little bit about something called pixels.
What is a Pixel ?
A pixel (short for Picture Element) is a single point in a graphic image. Your computer displays pictures by dividing the display screen into thousands of pixels, arranged in rows and columns. The location of each pixel on the screen is specified by giving the column number (or "x-coordinate") and the row number (or "y-coordinate") at which the pixel exists. (The top-most row number is "zero", and the left-most column number is "zero".)
![]()
Each pixel can be displayed in any one of millions of colors. But, for our present purposes, we will limit the range to only 16 colors. Each of those colors can therefore be specified by a number in the range zero through 15, as is shown in the following chart:

Creating computer art is merely knowing how to set all the pixels of your display to the
colors that you want them to have.
To create computer art with SiMPLE, just use the Windows Notepad editor
to create a list of "instructions" that tell the computer which specific operations you want
it to perform for you. (This list of instructions is commonly referred to as a
listing.)
When you are finished making your listing, just drag it onto SiMPLE's "runner" icon
(a little "red apple" with the words "Drop SiMPLE Listing Here" below it).
In a few moments
OK, Let's Try It!
Let's start out by doing nothing more than creating a solid white circle whose center is located on column 320, row 240, and whose radius is 100 pixels.
To do so, create a "New Text Document" on your desktop (or anywhere that you choose). Then type in the following list of instructions:
|
Ultra-SiMPLE solid circle (320, 240, 100) |
Notice that the very first instruction in a listing should always be the word "Ultra-SiMPLE" (with an upper-case "U").
When you have finished typing the listing, close your document and drop its icon onto the "Drop SiMPLE Listing Here" icon:
A black window* (displaying the words
If you don't specify a color when requesting a shape (such as a circle), the computer will draw it in white. To make the computer draw it in a different color, all you have to do is specify (prior to requesting the shape) the ID number of the desired "solid color" to be used.
Let's tell the computer to draw a yellow circle instead of a white one. (Looking back at our previous color chart, we see that the color ID for yellow is 14.) So our list of instructions would now look like this:
|
Ultra-SiMPLE solid color (14) solid circle (320, 240, 100) |
When you have finished changing your listing, close the document and drop its icon onto the "Drop SiMPLE Listing Here" icon, just as you did before.
Finally, let's see if we can turn that yellow circle into an image that looks something like a "face".
Increase your list of instructions so that it now looks like this:
|
Ultra-SiMPLE solid color (14) solid circle (320, 240, 100) solid color (1) solid circle (290, 225, 20) solid circle (350, 225, 20) solid color (4) solid circle (320, 285, 25) |
When you run this listing, you should see:

(As you can tell, we're not quite as good at drawing faces as you are. So feel free to modify the listing to make a better image.)
This concludes the first part of our discussion.![]() Click here to read Part 2. |
|
*(On some systems, the black window that appears may have a flickering scrollbar on the right-hand side:
This flicker does not impair the operation of the window in any way. But it is easy to eliminate. Show me how.) |

[ Webmaster
| FAQ's
| Home Page
| Contact Us ]
© Copyright 2007 SiMPLE CodeWorks, Inc. All rights reserved.