Fuck Adobe!
      let's build our own design software…




Tuesday 9 March 2010
Traditional Software
      • Applications for one task
      • Output to only one medium




Tuesday 9 March 2010
Processing
      • Use anything as input
      • Output to anything you can imagine




Tuesday 9 March 2010
Open Source Sketchbook
      An easy to learn programming language
      for designers. Great documentation and
      lots...
Tuesday 9 March 2010
PDE




Tuesday 9 March 2010
Variables
      • int
      • float
      • String
      • boolean




Tuesday 9 March 2010
Basic Structure
      void setup() {
          // setup variables here
      }

      void draw() {
          // draw some...
Window Size
      size(width, height);




Tuesday 9 March 2010
Color
      background();
      stroke();
      fill();

      noFill();
      noStroke();

Tuesday 9 March 2010
Basic Drawing
      point();
      line();
      ellipse();
      rect();
      triangle();



Tuesday 9 March 2010
Points
      point(x, y);




Tuesday 9 March 2010
Lines
      line(x1, y1, x2, y2);




Tuesday 9 March 2010
Rectangles
      rect(x, y, width, height);




Tuesday 9 March 2010
Ellipses
      ellipse(x, y, width, height);




Tuesday 9 March 2010
Triangles
      triangle(x1, y1, x2, y2, x3, y3);




Tuesday 9 March 2010
Random Numbers
      random(high);
      random(low, high);




Tuesday 9 March 2010
Conditionals
      if (test) {
          statements
      } else {
          statements
      }



Tuesday 9 March 2010
Iteration
      for (init; test; update) {
          statements
      }




Tuesday 9 March 2010
Interaction
      • Mouse
      • Keyboard
      • Webcam
      • Sensors (in combination with Arduino)




Tuesday 9 Marc...
Finishing Touches
      You might need to use commercial
      software (like those apps from Adobe) to
      print or edi...
Questions?


Tuesday 9 March 2010
Demo


Tuesday 9 March 2010
Upcoming SlideShare
Loading in...5
×

Fuck Adobe, Lets build our own design software

1,299

Published on

Slides for my Processing workshop at Sint-Lukas Brussels.

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,299
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide















  • achtergrond nog vervangen door triangles beeld
  • First line of code: generate random number between 0 and the number you add.
    Second line: generate random number between lowest and highest number.






  • Fuck Adobe, Lets build our own design software

    1. 1. Fuck Adobe! let's build our own design software… Tuesday 9 March 2010
    2. 2. Traditional Software • Applications for one task • Output to only one medium Tuesday 9 March 2010
    3. 3. Processing • Use anything as input • Output to anything you can imagine Tuesday 9 March 2010
    4. 4. Open Source Sketchbook An easy to learn programming language for designers. Great documentation and lots of examples online. Tuesday 9 March 2010
    5. 5. Tuesday 9 March 2010
    6. 6. PDE Tuesday 9 March 2010
    7. 7. Variables • int • float • String • boolean Tuesday 9 March 2010
    8. 8. Basic Structure void setup() { // setup variables here } void draw() { // draw something here } Tuesday 9 March 2010
    9. 9. Window Size size(width, height); Tuesday 9 March 2010
    10. 10. Color background(); stroke(); fill(); noFill(); noStroke(); Tuesday 9 March 2010
    11. 11. Basic Drawing point(); line(); ellipse(); rect(); triangle(); Tuesday 9 March 2010
    12. 12. Points point(x, y); Tuesday 9 March 2010
    13. 13. Lines line(x1, y1, x2, y2); Tuesday 9 March 2010
    14. 14. Rectangles rect(x, y, width, height); Tuesday 9 March 2010
    15. 15. Ellipses ellipse(x, y, width, height); Tuesday 9 March 2010
    16. 16. Triangles triangle(x1, y1, x2, y2, x3, y3); Tuesday 9 March 2010
    17. 17. Random Numbers random(high); random(low, high); Tuesday 9 March 2010
    18. 18. Conditionals if (test) { statements } else { statements } Tuesday 9 March 2010
    19. 19. Iteration for (init; test; update) { statements } Tuesday 9 March 2010
    20. 20. Interaction • Mouse • Keyboard • Webcam • Sensors (in combination with Arduino) Tuesday 9 March 2010
    21. 21. Finishing Touches You might need to use commercial software (like those apps from Adobe) to print or edit the output of your Processing sketches Tuesday 9 March 2010
    22. 22. Questions? Tuesday 9 March 2010
    23. 23. Demo Tuesday 9 March 2010
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×