Processing Tutorial

  • Published on
    01-Sep-2014

  • View
    524

  • Download
    1

Embed Size (px)

DESCRIPTION

 

Transcript

  • Processing AndroidCAVE Education,2013
  • nissin@cavedu.comCAVE
  • CreativityAdventureVirtueEnjoy
  • Robocon
  • Facebook CAVE
  • CAVE
  • CAVE
  • CAVE
  • CAVE
  • 9:30 CAVE 9:50 Processing Android SDK Android Processing IDE Processing - 10:30 - 13:00 Processing 15:30 16:50
  • Processing Processing Ben Fry Casey Reas MIT Media LabAesthetics and Computation Group Processing JavaJavaLinuxMac OS XWindows Processing Arduino Android
  • Run Verify New Open Save Export Application
  • Processing void setup() void draw()
  • 0011. size(200,200);2. background(255);3. stroke(0);4. fill(150);5. rect(50,50,75,100);
  • 0021. size(200,200);2. smooth();3. background(255);4. // noFill() leaves theshape with only anoutline.5. noFill();6. stroke(0);7. ellipse(60,60,100,100);
  • 0031. smooth();2. background(255);3. noStroke();4. // Bright red5. fill(255,0,0);6. ellipse(20,20,16,16);7. // Dark red8. fill(127,0,0);9. ellipse(40,20,16,16);10. // Pink (pale red)11. fill(255,200,200);12. ellipse(60,20,16,16);
  • Processing Color Selector
  • for loop random? random(255);
  • 0041. // Example 1-4: Alpha Transparency2. size(200,200);3. background(0);4. noStroke();5. // No fourth argument means 100%opacity.6. fill(0,0,255);7. rect(0,0,100,200);8. // 255 means 100% opacity.9. fill(255,0,0,255);10.rect(0,0,200,40);11.// 75% opacity.12.fill(255,0,0,191);13.rect(0,50,200,40); //
  • 005
  • 006 mouseXX mouseYY
  • 007mousePressed
  • 008 keyPressed / key ==?
  • 15_1 /data
  • 15_3 index (i++ / i--)
  • Clock XY
  • http://wiki.processing.org/w/Android http://pandalabccc.blogspot.tw/search/label/Processing http://www.learningprocessing.com/ http://hali619.blogspot.tw/2012/08/processing1.html Ketai Processing Android Library