User Tools
ch01-setting-up.html
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ch01-setting-up.html [2017/08/19 21:59] mithat [Running Processing] |
ch01-setting-up.html [2017/08/19 23:14] (current) mithat [Saving your work] |
||
|---|---|---|---|
| Line 3: | Line 3: | ||
| ===== Installing Processing ===== | ===== Installing Processing ===== | ||
| - | Processing is available for all major desktop operating systems: macOS, Windows, and Linux. To install Processing, go to the project's download page at https://processing.org/download/ and select the appropriate version for your computer. | + | Processing is available for all three major desktop operating systems: macOS, Windows, and Linux. To install Processing, go to the project's download page at https://processing.org/download/ and select the appropriate version for your computer. |
| <WRAP center round tip 80%> | <WRAP center round tip 80%> | ||
| Line 11: | Line 11: | ||
| On macOS, the archive is a standard ''app'' bundle, so just install it the way you normally install applications. | On macOS, the archive is a standard ''app'' bundle, so just install it the way you normally install applications. | ||
| - | The Windows archive is FIXME TODO. | + | The Windows archive is completely self-contained. Just unpack the ''.zip'' file and put the resulting folder someplace convenient. |
| - | On Linux, decompress the archive, open a terminal, and run the ''install.sh'' script inside the archive. | + | On Linux, unpack the archive, open a terminal, and run the ''install.sh'' script inside the archive. |
| ===== Running Processing ===== | ===== Running Processing ===== | ||
| - | Once you have successfully installed Processing, start the Integrated Development Environment (or IDE, the tool used to write and run you code) using the usual means you do so on your computer. Look for something called "Processing IDE." FIXME TODO: Better instructions for launching. | + | Once you have successfully installed Processing, start the Integrated Development Environment (or IDE, the tool used to write and run you code) as follows: |
| + | * on macOS: FIXME: TODO | ||
| + | * on Windows, look inside the Processing folder you unpacked for a file called ''processing'' or ''processing.exe'' (depending on your system settings). Double-click it. | ||
| + | * on Linux, you should have a new entry in your list of applications called Processing. It might be under a category called "Development" or similar. Once you find it, you can launch Processing clicking the icon. | ||
| The first time you run the Processing IDE, you should see something like the following. | The first time you run the Processing IDE, you should see something like the following. | ||
| Line 23: | Line 26: | ||
| {{:processing-main-interface.png?nolink&600|}} | {{:processing-main-interface.png?nolink&600|}} | ||
| - | The text entry area with the flashing cursor is where you will enter your Processing program statements. In that area, enter the following: | + | The white text entry area with the flashing cursor is where you will enter your Processing program statements. In that area, enter the following: |
| <code> | <code> | ||
| Line 35: | Line 38: | ||
| {{:processing-test-sketch.png?direct|}} | {{:processing-test-sketch.png?direct|}} | ||
| - | To save your work, go back to the IDE, select //File > Save// or //File > Save As...// from the menu bar and give your program a name. By default, Processing saves your programs into a folder called "sketchbook." (The exact location of this folder depends on your operating system. On macOS, look in FIXME and on Windows in FIXME.) | + | ==== Saving your work ==== |
| - | Processing uses the term **sketch** to identify what other languages typically call programs. The file extension for Processing sketches is ''.pde'', When you create a new sketch, inside your "sketchbook" folder, the Processing IDE will create a new folder the Processing program (i.e., sketch). So, if you gave your program the name "KittenDance", you will see a folder inside your sketchbook folder called "KittenDance". And if you look inside the folder called "KittenDance", you'll see a file called ''KittenDance.pde''. **That** is your actual Processing program. To reopen the program, click on //File > Open...// in the IDE, navigate to the ''*.pde'' file, and select it. | + | Processing uses the term **sketch** to identify what other languages typically call programs. The file extension for Processing sketches is ''.pde''. |
| + | |||
| + | To save your work, go back to the IDE, select //File > Save// or //File > Save As...// from the menu bar and give your program a name. By default on Windows, the Processing development environment will save your work to the ''Documents\Processing'' folder. On macOS, the default location is FIXME TODO. On Linux, it's ''%%/home/<your-username>/sketchbook%%''. | ||
| + | |||
| + | When you create a new program (i.e., sketch) by saving a file, the Processing IDE will create the program inside a new folder with the same name as the program. So, if you create a program named "KittenDance", you will see a folder inside your sketchbook folder called ''KittenDance''. And if you look inside the ''KittenDance'' folder, you'll see a file called ''KittenDance.pde''. **That** is your actual Processing program. The reason for the folder around your ''*.pde'' file is that very often your program will need additional resources (image files, sound files, etc.), and having a separate folder for the whole project gives you a very convenient place to put these resources. | ||
| + | |||
| + | To reopen a program in the IDE, click on //File > Open...//, navigate to the ''*.pde'' file, and select it. | ||
| You are now ready to start developing Processing programs. | You are now ready to start developing Processing programs. | ||
ch01-setting-up.html.1503179983.txt.gz · Last modified: 2017/08/19 21:59 by mithat
Page Tools
