How to Draw Computer Graphics on Your PC

downloading processing

If you are interested in computer graphics, this guide would show you an example.

downloading eclipse

     In this instruction, I use my PC with Windows 8.1, open source environment processing-2.2.1 and eclipse Luna.

create eclipse project

     First, you have to download and unzip processing IDE, Independent d

evelopment environment. Processing is an open source project language and environment and the language is called sketches. If the software is “open source”, don’t worry about the money, it can be used free of charge. To get processing, go to the website https://processing.org/ and click the “Download” button on the top left, then select “No donation”, and the download is finished. Click the zip file you downloaded and unzip it to the directory you like. I recommend you to unzip it under \:/C file.








Second, you need to download and unzip eclipse IDE. Eclipse is an open source IDE for many language. The one of the greatest features of eclipse is its coding assist. The IDE will give you hover hints when you program, and this will greatly improve your coding speed. To get processing, visit https://www.eclipse.org/ and click “Download” of MARS release. I use older version, eclipse LUNA, so this instruction can be little bit differ from this new version of eclipse. Read it and guess difference by yourself. Then, you will

click Windows “64 bit” button of “Eclipse IDE for Java EE Developers” column, click “DOWNLOAD” of suitable mirror sites. If you don’t know which mirror site is the best, click the top site anyway. If you are living in japan, the servers in Japan is better for speed. When you finished download, unzip it to the directory you like. I recommend you to unzip it under \:/C file.



Third, click the icon of ”eclipse.exe” in your unzipped eclipse folder. You have to wait bout a minute until eclipse wake up. When the eclipse woke up, click ”File” on menu bar, select “New”, then select “Project”, and click “Java project”, click “Next”, and the window for set names of the project appears. As an example, I fill the name as “Test”. Click “Finish” to complete.











Then, set properties for eclipse project to run processing sketch. You have to add Class file in your project. Click ”File” on menu bar, select “New”, then select “Class”, then the window for setting file name arises. I name example Class file name as “Test”. You have to name the class file and class folder the same name as a rule of language Java.















Next, you type the code shown in the picture below. This program makes a window served as a ‘canvas’ of your sketches.





Finally, draw example sketch. you type the code shown in the picture below. This program will draw lines. Colors of each line are a little bit different. The one of the features of programming is processing the same thing for many times. You can create computer graphics this way. Enjoy your programmer life!