Processing.js入門

Transcript

1. ৘ใฤू 8FC
   1SPDFTTJOHKTΛ࢖͏ ೥݄೔
   ౦ژ᥁ज़େֶ
   ܳज़৘ใηϯλʔ ".$
   ୲౰ɿాॴ३
2. ࠓ೔ͷ಺༰ ‣ ͍Α͍Α8FCϒϥ΢βΛ༻͍ͯɺಈతͳදݱʹ௅ઓ
   ! ‣ 1SPDFTTJOHKT
   ͱ͍͏։ൃ؀ڥΛ঺հ
   ‣ 1SPDFTTJOHKT
   
   1SPDFTTJOHͷ+BWB4DJSQU൛
   ‣ 1SPDFTTJOHͷจ๏Ͱɺ)5.- $BOWBT ʹඳը
   ‣ 1SPDFTTJOHͬͯԿ
3. 1SPDFTTJOHͱ͸
4. 1SPDFTTJOHͱ͸ʁ ‣ 1SPDFTTJOH
   JT
   B
   QSPHSBNNJOH
   MBOHVBHF
   EFWFMPQNFOU
   FOWJSPONFOU
   BOE
   POMJOF
   DPNNVOJUZ
   4JODF
   
   1SPDFTTJOH
   IBT
   QSPNPUFE
   TPGUXBSF
   MJUFSBDZ
   XJUIJO
   UIF
   WJTVBM
   BSUT
   BOE
   WJTVBM
   MJUFSBDZ
   XJUIJO
   UFDIOPMPHZ
   *OJUJBMMZ
   DSFBUFE
   UP
   TFSWF
   BT
   B
   TPGUXBSF
   TLFUDICPPL
   BOE
   UP
   UFBDI
   DPNQVUFS
   QSPHSBNNJOH
   GVOEBNFOUBMT
   XJUIJO
   B
   WJTVBM
   DPOUFYU
   1SPDFTTJOH
   FWPMWFE
   JOUP
   B
   EFWFMPQNFOU
   UPPM
   GPS
   QSPGFTTJPOBMT
   5PEBZ
   UIFSF
   BSF
   UFOT
   PG
   UIPVTBOET
   PG
   TUVEFOUT
   BSUJTUT
   EFTJHOFST
   SFTFBSDIFST
   BOE
   IPCCZJTUT
   XIP
   VTF
   1SPDFTTJOH
   GPS
   MFBSOJOH
   QSPUPUZQJOH
   BOE
   QSPEVDUJPO
5. 1SPDFTTJOHͱ͸ʁ ‣ IUUQQSPDFTTJOHPSH
6. 1SPDFTTJOH
   ஀ੜͷྺ࢙ ‣ %FTJHO
   CZ
   /VNCFST
   
   +PIO
   .BFEB
   .*5
   .FEJB
   -BC
   ‣ IUUQECONFEJBNJUFEV
   ‣ 1SPDFTTJOHͷ૆ઌ
7. 1SPDFTTJOH
   ஀ੜͷྺ࢙ ‣ .*5
   .FEJB
   -BC
   Ͱ
   +PIO
   .BFEBͷത࢜՝ఔͷֶੜͩͬͨ
   #FO
   'SZͱ$BTFZ
   3FBT
   ʹΑΓ1SPDFTTJOH
   ͕ੜΈͩ͞Εͨ
   
   ‣ ͦͷޙόʔδϣϯΞοϓΛॏͶͯݱࡏͷόʔδϣϯ͸
   ‣ +BWBΛϕʔεʹͨ͠ΫϩεϓϥοτϑΥʔϜ
   ‣ .BD
   049
   
   8JOEPXT
   -JOVY
   ൛
8. 1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ·ͣ͸ىಈͯ͠ΈΔ
   ‣ 1SPDFTTJOHͷىಈը໘
9. 1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ϝχϡʔͷղઆ
   ‣ ૢ࡞ํ๏
   ! ‣ ઌि͸ ૉͷ +BWBTDJSQUͰهड़ͨ͠ܗଶͷඳըΛ1SPDFTTJOHKTͰॻ͍ͯΈΔ
10. 1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ҎԼͷίʔυΛهೖ size(640, 480); //640x480pixelͷը໘Λੜ੒ background(31); //എܠ৭ fill(31,127,255); //ృΓͷ৭ stroke(255); //ઢͷ৭ 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ͷପԁΛඳ͘
11. 1SPDFTTJOHʹ৮ΕͯΈΔ ‣ +BWBTDJSQUϞʔυʹ࣮ͯ͠ߦ
    ˠ
    8FCϒϥ΢βͰදࣔ
    ‣ ͱͬͯ΋؆୯