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 22:57] mithat |
ch01-setting-up.html [2017/08/19 23:14] mithat [Saving your work] |
||
|---|---|---|---|
| Line 20: | Line 20: | ||
| * on macOS: FIXME: TODO | * 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 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 someplace else. Once you find it, you can launch Processing clicking the icon. | + | * 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 26: | 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 37: | Line 37: | ||
| {{:processing-test-sketch.png?direct|}} | {{:processing-test-sketch.png?direct|}} | ||
| + | |||
| + | ==== Saving your work ==== | ||
| Processing uses the term **sketch** to identify what other languages typically call programs. The file extension for Processing sketches is ''.pde''. | Processing uses the term **sketch** to identify what other languages typically call programs. The file extension for Processing sketches is ''.pde''. | ||
| - | ==== Saving your work ==== | + | 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%%''. |
| - | 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 will be 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. |
| - | When you create a new sketch (i.e., program) 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 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. | + | 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.txt · Last modified: 2017/08/19 23:14 by mithat
Page Tools
