Processing Tutorial

  • Published on
    01-Sep-2014

  • View
    527

  • Download
    1

Embed Size (px)

DESCRIPTION

 

Transcript

<ul><li> Processing AndroidCAVE Education,2013 </li> <li> nissin@cavedu.comCAVE </li> <li> CreativityAdventureVirtueEnjoy </li> <li> Robocon </li> <li> Facebook CAVE </li> <li> CAVE </li> <li> CAVE </li> <li> CAVE </li> <li> CAVE </li> <li> 9:30 CAVE 9:50 Processing Android SDK Android Processing IDE Processing - 10:30 - 13:00 Processing 15:30 16:50 </li> <li> Processing Processing Ben Fry Casey Reas MIT Media LabAesthetics and Computation Group Processing JavaJavaLinuxMac OS XWindows Processing Arduino Android </li> <li> Run Verify New Open Save Export Application </li> <li> Processing void setup() void draw() </li> <li> 0011. size(200,200);2. background(255);3. stroke(0);4. fill(150);5. rect(50,50,75,100); </li> <li> 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); </li> <li> 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); </li> <li> Processing Color Selector </li> <li> for loop random? random(255); </li> <li> 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); // </li> <li> 005 </li> <li> 006 mouseXX mouseYY </li> <li> 007mousePressed </li> <li> 008 keyPressed / key ==? </li> <li> 15_1 /data </li> <li> 15_3 index (i++ / i--) </li> <li> Clock XY </li> <li> 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 </li> </ul>