Differences

This shows you the differences between two versions of the page.

--- programming_fundamentals_with_processing:ch01-setting-up.html [2017/07/26 17:20] – [Installing Processing] mithat
+++ programming_fundamentals_with_processing:ch01-setting-up.html [2017/07/26 17:40] (current) – [Running Processing] mithat
@@ Line 23: / Line 23: @@
 {{:programming_fundamentals_with_processing:processing-main-interface.png?nolink&600|}}
-If you see this, you're now ready to start developing Processing programs.
+In the text entry area with the flashing cursor, enter the following:
+<code>
+rect(20, 25, 20, 50);
+</code>
+Don't worry if you don't understand the text. Just type it in very carefully. This is where you will write your Processing program statements.
+Once you have done that, click on the right-pointing arrow in the round circle (the Run button). After a few moments you should see a new window.
+{{:programming_fundamentals_with_processing: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.)
+Inside the "sketchbook" folder, the Processing IDE will create a new folder for each of your Processing programs. So, if you gave your program the name "foo", you will see a folder inside your sketchbook folder called "foo". And if you look inside the folder called "foo", you'll see a file called ''foo.pde''. **That** is your actual Processing program. To reopen it, click on //File > Open...// in the IDE, navigate to the ''*.pde'' file, and select it.
+You are now ready to start developing Processing programs.