Processing.js入門

৘ใฤू 8FC 1SPDFTTJOHKTΛ࢖͏ ೥݄೔ ౦ژ᥁ज़େֶܳज़৘ใηϯλʔ ".$ ୲౰ɿాॴ३

ࠓ೔ͷ಺༰ ‣ ͍Α͍Α8FCϒϥ΢βΛ༻͍ͯɺಈతͳදݱʹ௅ઓ ! ‣ 1SPDFTTJOHKTͱ͍͏։ൃ؀ڥΛ঺հ ‣ 1SPDFTTJOHKT1SPDFTTJOHͷ+BWB4DJSQU൛ ‣ 1SPDFTTJOHͷจ๏Ͱɺ)5.-
$BOWBT ʹඳը ‣ 1SPDFTTJOHͬͯԿ

1SPDFTTJOHͱ͸

1SPDFTTJOHͱ͸ʁ ‣ 1SPDFTTJOHJTBQSPHSBNNJOHMBOHVBHF EFWFMPQNFOUFOWJSPONFOU BOE POMJOFDPNNVOJUZ4JODF 1SPDFTTJOHIBTQSPNPUFETPGUXBSF MJUFSBDZXJUIJOUIFWJTVBMBSUTBOEWJTVBMMJUFSBDZXJUIJOUFDIOPMPHZ *OJUJBMMZDSFBUFEUPTFSWFBTBTPGUXBSFTLFUDICPPLBOEUPUFBDI DPNQVUFSQSPHSBNNJOHGVOEBNFOUBMTXJUIJOBWJTVBMDPOUFYU
1SPDFTTJOHFWPMWFEJOUPBEFWFMPQNFOUUPPMGPSQSPGFTTJPOBMT5PEBZ UIFSFBSFUFOTPGUIPVTBOETPGTUVEFOUT BSUJTUT EFTJHOFST SFTFBSDIFST BOEIPCCZJTUTXIPVTF1SPDFTTJOHGPSMFBSOJOH QSPUPUZQJOH BOEQSPEVDUJPO

1SPDFTTJOHͱ͸ʁ ‣ IUUQQSPDFTTJOHPSH

1SPDFTTJOH஀ੜͷྺ࢙ ‣ %FTJHOCZ/VNCFST+PIO.BFEB .*5.FEJB-BC ‣ IUUQECONFEJBNJUFEV ‣ 1SPDFTTJOHͷ૆ઌ

1SPDFTTJOH஀ੜͷྺ࢙ ‣ .*5.FEJB-BCͰ+PIO.BFEBͷത࢜՝ఔͷֶੜͩͬͨ#FO'SZͱ$BTFZ 3FBTʹΑΓ1SPDFTTJOH͕ੜΈͩ͞Εͨ ‣ ͦͷޙόʔδϣϯΞοϓΛॏͶͯݱࡏͷόʔδϣϯ͸ ‣ +BWBΛϕʔεʹͨ͠ΫϩεϓϥοτϑΥʔϜ
‣ .BD049 8JOEPXT -JOVY൛

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ·ͣ͸ىಈͯ͠ΈΔ ‣ 1SPDFTTJOHͷىಈը໘

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ϝχϡʔͷղઆ ‣ ૢ࡞ํ๏ ! ‣ ઌि͸ ૉͷ +BWBTDJSQUͰهड़ͨ͠ܗଶͷඳըΛ1SPDFTTJOHKTͰॻ͍ͯΈΔ

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ͷପԁΛඳ͘

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ +BWBTDJSQUϞʔυʹ࣮ͯ͠ߦˠ8FCϒϥ΢βͰදࣔ ‣ ͱͬͯ΋؆୯

Processing.js入門

Processing.js入門

Atsushi Tadokoro

More Decks by Atsushi Tadokoro

Other Decks in Technology

Featured

Transcript

৘ใฤू 8FC 1SPDFTTJOHKTΛ࢖͏ ೥݄೔ ౦ژ᥁ज़େֶܳज़৘ใηϯλʔ ".$ ୲౰ɿాॴ३

ࠓ೔ͷ಺༰ ‣ ͍Α͍Α8FCϒϥ΢βΛ༻͍ͯɺಈతͳදݱʹ௅ઓ ! ‣ 1SPDFTTJOHKTͱ͍͏։ൃ؀ڥΛ঺հ ‣ 1SPDFTTJOHKT1SPDFTTJOHͷ+BWB4DJSQU൛ ‣ 1SPDFTTJOHͷจ๏Ͱɺ)5.-

1SPDFTTJOHͱ͸

1SPDFTTJOHͱ͸ʁ ‣ 1SPDFTTJOHJTBQSPHSBNNJOHMBOHVBHF EFWFMPQNFOUFOWJSPONFOU BOE POMJOFDPNNVOJUZ4JODF 1SPDFTTJOHIBTQSPNPUFETPGUXBSF MJUFSBDZXJUIJOUIFWJTVBMBSUTBOEWJTVBMMJUFSBDZXJUIJOUFDIOPMPHZ *OJUJBMMZDSFBUFEUPTFSWFBTBTPGUXBSFTLFUDICPPLBOEUPUFBDI DPNQVUFSQSPHSBNNJOHGVOEBNFOUBMTXJUIJOBWJTVBMDPOUFYU

1SPDFTTJOHͱ͸ʁ ‣ IUUQQSPDFTTJOHPSH

1SPDFTTJOH஀ੜͷྺ࢙ ‣ %FTJHOCZ/VNCFST+PIO.BFEB .*5.FEJB-BC ‣ IUUQECONFEJBNJUFEV ‣ 1SPDFTTJOHͷ૆ઌ

1SPDFTTJOH஀ੜͷྺ࢙ ‣ .*5.FEJB-BCͰ+PIO.BFEBͷത࢜՝ఔͷֶੜͩͬͨ#FO'SZͱ$BTFZ 3FBTʹΑΓ1SPDFTTJOH͕ੜΈͩ͞Εͨ ‣ ͦͷޙόʔδϣϯΞοϓΛॏͶͯݱࡏͷόʔδϣϯ͸ ‣ +BWBΛϕʔεʹͨ͠ΫϩεϓϥοτϑΥʔϜ

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ·ͣ͸ىಈͯ͠ΈΔ ‣ 1SPDFTTJOHͷىಈը໘

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ϝχϡʔͷղઆ ‣ ૢ࡞ํ๏ ! ‣ ઌि͸ ૉͷ +BWBTDJSQUͰهड़ͨ͠ܗଶͷඳըΛ1SPDFTTJOHKTͰॻ͍ͯΈΔ

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ҎԼͷίʔυΛهೖ size(640, 480); //640x480pixelͷը໘Λੜ੒ background(31); //എܠ৭ fill(31,127,255); //ృΓͷ৭

1SPDFTTJOHʹ৮ΕͯΈΔ ‣ +BWBTDJSQUϞʔυʹ࣮ͯ͠ߦˠ8FCϒϥ΢βͰදࣔ ‣ ͱͬͯ΋؆୯