Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Processing workshop <ul><li>Daniel Schaap </li></ul><ul><li>twitter.com/Ovinomancer </li></ul><ul><li>slideshare.net/Ovino...
Hello World <ul><li>Welkom </li></ul><ul><li>Indeling workshop </li></ul><ul><li>twitter </li></ul>
Frogger  – R.M. Watkins
Klassen <ul><li>Log </li></ul><ul><li>Water_demon </li></ul><ul><li>Car </li></ul><ul><li>Frogger </li></ul>
Klasse Car <ul><li>Eigenschappen </li></ul><ul><li>int xpos; </li></ul><ul><li>int ypos; </li></ul><ul><li>float speed; </...
Alle Objecten Car <ul><li>car1 =  new  Car(0,375,-7);  </li></ul><ul><li>Maar nu alle auto’s in 1 keer? </li></ul>
Code per Object <ul><li>Car car1; </li></ul><ul><li>Car car2; </li></ul><ul><li>//Initialize cars </li></ul><ul><li>car1 =...
Er bestaan Arrays <ul><li># regels code per object </li></ul><ul><li>Objecten aanmaken: 12 </li></ul><ul><li>Initialiseren...
Code mbv Arrays <ul><li>Car[] allCars =  new  Car[12]; </li></ul><ul><li>for (int i=0; i<allCars.length; i++)  { </li></ul...
Space Invader  – T. Brismontier
Klassen <ul><li>Mothership </li></ul><ul><li>Space_Invader </li></ul><ul><li>Protection </li></ul><ul><li>Ship </li></ul><...
Konami-code Leuke ‘Easter Egg’ in Space Invader
<ul><li>Daniel Schaap </li></ul><ul><li>twitter.com/Ovinomancer </li></ul><ul><li>slideshare.net/Ovinomancer </li></ul><ul...
Upcoming SlideShare
Loading in …5
×

CMD2 Processing workshop

514 views

Published on

Daniel Schaap and myself are giving a workshop for first year students of 'Communication and Multimedia Design' at 'The Hague University' on May 25th, 2010.
Unfortunately the font obliged by the Corporate Identity of the Study Association SIM isn't supported, so the titles come out weird.

The thing you can't see, is that we will be using a second beamer next to our presentation. On this a twitterstream will display the tweets with the hashtag we picked for our presentation, #SIMow. That way students can comment, compliment or ask questions during the workshop. With this we hope to engage interaction, sometimes a hard to archieve goal when dealing with students.

Published in: Education
  • Login to see the comments

  • Be the first to like this

CMD2 Processing workshop

  1. 1. Processing workshop <ul><li>Daniel Schaap </li></ul><ul><li>twitter.com/Ovinomancer </li></ul><ul><li>slideshare.net/Ovinomancer </li></ul><ul><li>Jordann Gross </li></ul><ul><li>twitter.com/JordannGross </li></ul><ul><li>slideshare.net/JordannGross </li></ul>
  2. 2. Hello World <ul><li>Welkom </li></ul><ul><li>Indeling workshop </li></ul><ul><li>twitter </li></ul>
  3. 3. Frogger – R.M. Watkins
  4. 4. Klassen <ul><li>Log </li></ul><ul><li>Water_demon </li></ul><ul><li>Car </li></ul><ul><li>Frogger </li></ul>
  5. 5. Klasse Car <ul><li>Eigenschappen </li></ul><ul><li>int xpos; </li></ul><ul><li>int ypos; </li></ul><ul><li>float speed; </li></ul><ul><li>Methoden </li></ul><ul><li>display(); </li></ul><ul><li>move(); </li></ul><ul><li>intersect(); </li></ul>
  6. 6. Alle Objecten Car <ul><li>car1 = new Car(0,375,-7); </li></ul><ul><li>Maar nu alle auto’s in 1 keer? </li></ul>
  7. 7. Code per Object <ul><li>Car car1; </li></ul><ul><li>Car car2; </li></ul><ul><li>//Initialize cars </li></ul><ul><li>car1 = new Car(0, 375, -7); </li></ul><ul><li>car2 = new Car(255,420,6); </li></ul><ul><li>//Methods of cars </li></ul><ul><li>car1.move(); </li></ul><ul><li>car1.display(); </li></ul><ul><li>car2.move(); </li></ul><ul><li>car2.display(); </li></ul><ul><li>//Frogger gets hit by car </li></ul><ul><li>if (car1.intersect(Frogger)) { </li></ul><ul><li>Frogger.die(); } </li></ul><ul><li>if (car2.intersect(Frogger)) { </li></ul><ul><li>Frogger.die(); } </li></ul><ul><li>Er zijn 12 cars; dit is NIET EFFICIËNT! </li></ul>
  8. 8. Er bestaan Arrays <ul><li># regels code per object </li></ul><ul><li>Objecten aanmaken: 12 </li></ul><ul><li>Initialiseren: 12 </li></ul><ul><li>Methodes aanroepen: 24 </li></ul><ul><li>Interactie definiëren: 24 </li></ul><ul><li>Totaal: Maar liefst 72 regels code!!!1!1eleven! </li></ul><ul><li># regels code mbv Arrays </li></ul><ul><li>Objecten aanmaken: 1 </li></ul><ul><li>Initialiseren: 1 </li></ul><ul><li>Methodes aanroepen: 2 </li></ul><ul><li>Interactie definiëren: 2 </li></ul><ul><li>Array: 1 </li></ul><ul><li>Totaal: Slechts 7 regels code! w00t! :-D </li></ul>
  9. 9. Code mbv Arrays <ul><li>Car[] allCars = new Car[12]; </li></ul><ul><li>for (int i=0; i<allCars.length; i++) { </li></ul><ul><li>//Initialize cars </li></ul><ul><li>allCars[i] = new Car(random(x), random(y), random(v)); </li></ul><ul><li>//Methods of cars </li></ul><ul><li>allCars[i].display(); </li></ul><ul><li>allCars[i].move(); </li></ul><ul><li>//Frogger gets hit by car </li></ul><ul><li>if (allCars[i].intersect(Frogger)) { </li></ul><ul><li>Frogger.die(); } } </li></ul>
  10. 10. Space Invader – T. Brismontier
  11. 11. Klassen <ul><li>Mothership </li></ul><ul><li>Space_Invader </li></ul><ul><li>Protection </li></ul><ul><li>Ship </li></ul><ul><li>Laser </li></ul>
  12. 12. Konami-code Leuke ‘Easter Egg’ in Space Invader
  13. 13. <ul><li>Daniel Schaap </li></ul><ul><li>twitter.com/Ovinomancer </li></ul><ul><li>slideshare.net/Ovinomancer </li></ul><ul><li>Jordann Gross </li></ul><ul><li>twitter.com/JordannGross </li></ul><ul><li>slideshare.net/JordannGross </li></ul>Einde Veel dank en succes met Processing!

×