ガイダンス - Bio Media Art Workshopについて Processingの復習

Transcript

1. ୈճ
   ΨΠμϯε
   
   
   #JP
   .FEJB
   "SU
   8PSLTIPQʹ͍ͭͯ
   1SPDFTTJOHͷ෮श ೥݄೔
   ଟຎඒज़େֶ৘ใσβΠϯֶՊϝσΟΞܳज़ίʔε
   ాॴ
   ३
2. #JP
   .FEJB
   "SU
   8PSLTIPQ
   ϫʔΫγϣοϓʹ͍ͭͯ
3. ͜ͷϫʔΫγϣοϓͷ໨ඪ ‣ 1SPDFTTJOHͱ"SEVJOPΛ૊Έ߹ͤΔ
   ‣ ηϯαʔͰ؀ڥͷ৘ใΛܭଌͨ͠ΓɺԻ΍ޫɺಈ͖Ͱ؀ڥʹಇ͖͔͚Δ
   ‣ ২෺ͱిࢠ޻࡞ɺϓϩάϥϛϯά΍ωοτϫʔΫΛ૊Έ߹ͤΔ
   ‣ ࠷ऴ໨ඪ
   όΠΦɾΨδΣοτΛ੍࡞
4. "SEVJOP ‣ ηϯαʔͰܭଌͨ͠पғͷ؀ڥʹؔ͢ΔσʔλΛऔಘͯ͠.BDͳͲͷ1$ʹૹग़
5. "SEVJOP ‣ ͜ͷػձʹ"SEVJOP͸ࣗ෼ઐ༻ͷ΋ͷΛߪೖ͠·͠ΐ͏
   ‣ "SEVJOP
   6/0͕ɺ࠷ॳͷ୆ͱͯ͠Φεεϝ
   ‣ εΠοναΠΤϯε
   IUUQXXXTXJUDITDJFODFDPNDBUBMPH
   ‣  
   ԁ
6. "SEVJOP ‣ ϒϨουϘʔυ΍ɺύονέʔϒϧͳͲແ͍৔߹͸ηοτ͕͓ಘ
   ‣ "SEVJOPΛ͸͡ΊΑ͏Ωοτ
   IUUQXXXTXJUDITDJFODFDPNDBUBMPH
   ‣  
   ԁ
7. 1SPDFTTJOH ‣ ιϑτ΢ΣΞΞʔτɺϏδϡΞϧσβΠϯͷͨΊͷϓϩάϥϛϯάݴޠ
   ‣ .*5ϝσΟΞϥϘʹࡏ੶͍ͯͨ͠ɺ$BTFZ
   3FBTɺ#FOKBNJO
   'SZʹΑͬͯ։ൃ
   ʙ
   ‣ IUUQQSPDFTTJOHPSH
8. 1SPDFTTJOH ‣ 1SPDFTTJOH͸ɺ։ൃ؀ڥ΋ڙ͍͑ͯΔ
   ‣ खܰʹεέονΛ͢ΔΑ͏ʹϓϩάϥϛϯά
9. ϫʔΫγϣοϓશମͷߏ੒
10. ϫʔΫγϣοϓͰ࡞੒͢ΔγεςϜͷΠϝʔδ
11. ੍࡞͢Δ࡞඼ͷྫ
    ‣ #PUBOJDVT
    *OUFSBDUJDVT
    *OUFSBDUJWF
    1MBOU
    5FDIOPMPHZ
    ‣ IUUQXXXEJTOFZSFTFBSDIDPNQSPKFDUCPUBOJDVTJOUFSBDUJDVT JOUFSBDUJWFQMBOUUFDIOPMPHZ
12. 5PVDIÉ ‣ ͜ͷ࡞඼Ͱ༻͍ΒΕ͍ͯΔηϯαʔɺ5PVDIÉʹ͍ͭͯ
    ‣ IUUQXXXEJTOFZSFTFBSDIDPNQSPKFDUUPVDIFUPVDIBOEHFTUVSF TFOTJOHGPSUIFSFBMXPSME
13. 1SPDFTTJOHͷ෮श
14. 1SPDFTTJOHͷ෮श ‣ 1SPDFTTJOHΛεϐʔυ෮श͠·͢
    ‣ ΦεεϝαΠτ
    IUUQIFMMPQSPDFTTJOHPSH
15. ࠲ඪɺ఺Λඳ͘ ‣ ࠲ඪͷ֓೦ʹ͍ͭͯ
16. ࠲ඪɺ఺Λඳ͘ ‣ ࠲ඪΛࢦఆͯ͠఺Λඳ͘ size(640,480); //640x480pixelͷը໘Λੜ੒ point(300,200); //300x200ͷ৔ॴʹ఺Λඳ͘
17. ࠲ඪɺ఺Λඳ͘ ‣ Α͘ݟΕ͹఺͕௥Ճ͞Ε͍ͯΔ
18. جຊਤܗ ‣ ઢ
    
    MJOF Y
    Z
    Y
    Z 
19. جຊਤܗ ‣ ࢛֯
    
    SFDU Y
    Z
    XJEUI
    IFJHIU 
20. جຊਤܗ ‣ ԁɺପԁ
    
    FMMJQTF Y
    Z
    XJEUI
    IFJHIU 
21. جຊਤܗ ‣ ઢɺ࢛֯ɺԁΛ·ͱΊͯඳ͍ͯΈΔ size(640,480); //640x480pixelͷը໘Λੜ੒ point(300,200); //(300,200)ͷ৔ॴʹ఺Λඳ͘ line(50,100,400,300); //(50,100)ͷ఺͔Β(400,300)ͷ఺΁ઢΛҾ͘ rect(400,100,100,300); //(400,100)ͷ఺͔Βɺ෯100ɺߴ͞300ͷ࢛֯ܗΛඳ͘ ellipse(200,340,300,200); //(200,340)ͷ఺Λத৺ʹɺ෯300ɺߴ͞200ͷପԁΛඳ͘
22. ‣ جຊਤܗ͕ඳ͚ͨ جຊਤܗ
23. ৭ ‣ എܠ৭
    ‣ CBDLHSPVOE (SBZ 
    άϨΠεέʔϧ
    ‣ CBDLHSPVOE 3
    (
    # 
    3(#
    ‣ CBDLHSPVOE 3
    (
    #
    " 
    3(#"
    ˞"͸ಁ໌౓
    ! ‣ ృΓͷ৭
    ‣ pMM (SBZ 
    ‣ pMM 3
    (
    # 
    ‣ pMM 3
    (
    #
    " 
    ! ‣ ڥքઢͷ৭
    ‣ TUSPLF (SBZ 
    ‣ TUSPLF 3
    (
    # 
    ‣ TUSPLF 3
    (
    #
    " 
24. جຊਤܗ ‣ ৭Λࢦఆͯ͠ΈΔ background(15); //എܠ৭ stroke(63,191,255); //ઢͷ৭ fill(0,127,255,127); //ృΓͷ৭ size(640, 480); //640x480pixelͷը໘Λੜ੒ point(300, 200); //(300,200)ͷ৔ॴʹ఺Λඳ͘ line(50, 100, 400, 300); //(50,100)ͷ఺͔Β(400,300)ͷ఺΁ઢΛҾ͘ rect(400, 100, 100, 300); //(400,100)ͷ఺͔Βɺ෯100ɺߴ͞300ͷ࢛֯ܗΛඳ͘ ellipse(200, 340, 300, 200); //(200,340)ͷ఺Λத৺ʹɺ෯300ɺߴ͞200ͷପԁΛඳ͘
25. ৭ ‣ ৭ΛࢦఆͰ͖ͨ
26. Ξχϝʔγϣϯ ‣ TFUVQ
    ͱ
    ESBX
27. Ξχϝʔγϣϯ ‣ ྫ
    ԁ͕Ҡಈ͢ΔΞχϝʔγϣϯ PVector location; //ҐஔͷϕΫτϧ PVector velocity; //଎౓ͷϕΫτϧ ! void setup() { size(640, 480); //640x480pixelͷը໘Λੜ੒ frameRate(60); //ϑϨʔϜϨʔτ stroke(63, 191, 255); //ઢͷ৭ fill(0, 127, 255, 127); //ృΓͷ৭ location = new PVector(40, 40); //ҐஔͷϕΫτϧͷॳظઃఆ velocity = new PVector(3, 2); //଎౓ͷϕΫτϧͷॳظઃఆ } !
28. Ξχϝʔγϣϯ ‣ ྫ
    ԁ͕Ҡಈ͢ΔΞχϝʔγϣϯ void draw() { background(15); //എܠΛඳը ellipse(location.x, location.y, 20, 20); //ࢦఆͨ͠ҐஔʹԁΛඳը location.add(velocity); //ҐஔͷϕΫτϧʹ଎౓ͷϕΫτϧΛՃࢉɺ࣍ͷҐஔʹͳΔ if ((location.x > width) || (location.x < 0)) { //΋͠ը໘ͷࠨ·ͨ͸ӈ୺ʹ౸ୡͨ͠Β velocity.x *= -1; //Xํ޲ͷεϐʔυΛ൓స } if ((location.y > height) || (location.y < 0)) { //΋͠ը໘ͷԼ·ͨ͸্୺ʹ౸ୡͨ͠Β velocity.y *= -1; //Yํ޲ͷεϐʔυΛ൓స } }
29. Ξχϝʔγϣϯ ‣ ԁ͕Ҡಈ͢ΔΞχϝʔγϣϯ
30. ͘Γฦ͠ʹΑΔ૿৩ ‣ ഑ྻʹ͍ͭͯཧղ͢Δ
    ‣ ྫɿ float data[] = new float[5];
31. ͘Γฦ͠ʹΑΔ૿৩ ‣ Ґஔ MPDBUJPO ɺ଎౓ WFMPDJUZ ΛͦΕͧΕ഑ྻʹมߋ int NUM = 100; //഑ྻͷ਺ PVector[] location = new PVector[NUM]; //ҐஔͷϕΫτϧͷ഑ྻ PVector[] velocity = new PVector[NUM]; //଎౓ͷϕΫτϧͷ഑ྻ</p> ! void setup() { size(640, 480); //640x480pixelͷը໘Λੜ੒ frameRate(60); //ϑϨʔϜϨʔτ stroke(63, 191, 255); //ઢͷ৭ fill(0, 127, 255, 127); //ృΓͷ৭ for (int i = 0; i < NUM; i++) { //഑ྻͷ਺͚ͩ܁Γฦ͠ location[i] = new PVector(random(width), random(height)); //ҐஔͷϕΫτϧ velocity[i] = new PVector(random(-4, 4), random(-4, 4)); //଎౓ͷϕΫτϧ } }
32. ͘Γฦ͠ʹΑΔ૿৩ ‣ Ґஔ MPDBUJPO ɺ଎౓ WFMPDJUZ ΛͦΕͧΕ഑ྻʹมߋ void draw() { background(15); //എܠΛඳը for (int i = 0; i < NUM; i++) { //഑ྻͷ਺͚ͩ܁Γฦ͠ ellipse(location[i].x, location[i].y, 20, 20); //ࢦఆͨ͠ҐஔʹԁΛඳը location[i].add(velocity[i]); //ҐஔͷϕΫτϧʹ଎౓ͷϕΫτϧΛՃࢉɺ࣍ͷҐஔʹͳΔ if ((location[i].x > width) || (location[i].x < 0)) { velocity[i].x *= -1; //Xํ޲ͷεϐʔυΛ൓స } if ((location[i].y > height) || (location[i].y < 0)) { velocity[i].y *= -1; //Yํ޲ͷεϐʔυΛ൓స } } }
33. ͘Γฦ͠ʹΑΔ૿৩ ‣ ૿৩ͨ͠Ξχϝʔγϣϯ
34. ͘Γฦ͠ʹΑΔ૿৩ ‣ ࠷ޙʹɺԁͷ৭ͱେ͖͞΋ϥϯμϜʹࢦఆͯ͠ΈΔ
35. ͘Γฦ͠ʹΑΔ૿৩ ‣ Ґஔ MPDBUJPO ɺ଎౓ WFMPDJUZ ɺ৭ DPM ɺେ͖͞ EJBNFUFS ΛϥϯμϜʹ int NUM = 500; //഑ྻͷ਺ PVector[] location = new PVector[NUM]; //ҐஔͷϕΫτϧͷ഑ྻ PVector[] velocity = new PVector[NUM]; //଎౓ͷϕΫτϧͷ഑ྻ color[] col = new color[NUM]; //ృΓͷ৭ͷ഑ྻ float[] diameter = new float[NUM]; //ԁͷେ͖͞(௚ܘ)ͷ഑ྻ</p> ! void setup() { size(640, 480); //640x480pixelͷը໘Λੜ੒ frameRate(60); //ϑϨʔϜϨʔτ noStroke(); for (int i = 0; i < NUM; i++) { //഑ྻͷ਺͚ͩ܁Γฦ͠ location[i] = new PVector(random(width), random(height)); //ҐஔͷϕΫτϧͷॳظઃఆ velocity[i] = new PVector(random(-4, 4), random(-4, 4)); //଎౓ͷϕΫτϧͷॳظઃఆ col[i] = color(random(255), random(255), random(255), 127); //৭ͷॳظઃఆ diameter[i] = random(3, 40); //େ͖͞ͷॳظઃఆ } }
36. ͘Γฦ͠ʹΑΔ૿৩ ‣ Ґஔ MPDBUJPO ɺ଎౓ WFMPDJUZ ɺ৭ DPM ɺେ͖͞ EJBNFUFS ΛϥϯμϜʹ void draw() { background(15); //എܠΛඳը for (int i = 0; i < NUM; i++) { //഑ྻͷ਺͚ͩ܁Γฦ͠ fill(col[i]); //৭Λࢦఆ ellipse(location[i].x, location[i].y, diameter[i], diameter[i]); //ࢦఆͨ͠ҐஔʹԁΛඳը location[i].add(velocity[i]); //ҐஔͷϕΫτϧʹ଎౓ͷϕΫτϧΛՃࢉɺ࣍ͷҐஔʹͳΔ if ((location[i].x > width) || (location[i].x < 0)) { //΋͠ը໘ͷࠨӈ୺ʹ౸ୡͨ͠Β velocity[i].x *= -1; //Xํ޲ͷεϐʔυΛ൓స } if ((location[i].y > height) || (location[i].y < 0)) { //΋͠ը໘ͷ্Լ୺ʹ౸ୡͨ͠Β velocity[i].y *= -1; //Yํ޲ͷεϐʔυΛ൓స } } }
37. ͘Γฦ͠ʹΑΔ૿৩ ‣ ׬੒
38. ࠓ೔͸͜͜·Ͱ