Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Processing.js入門
Search
Atsushi Tadokoro
May 22, 2014
Technology
0
2k
Processing.js入門
Atsushi Tadokoro
May 22, 2014
Tweet
Share
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.7k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
440
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
370
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
720
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Other Decks in Technology
See All in Technology
私とAWSとの関わりの歩み~意志あるところに道は開けるかも?~
nagisa53
1
130
Datasets for Critical Operations by Dataform
kimujun
0
120
20250719_JAWS_kobe
takuyay0ne
1
170
MCPと認可まわりの話 / mcp_and_authorization
convto
2
290
AI工学特論: MLOps・継続的評価
asei
10
2k
OTel 公式ドキュメント翻訳 PJ から始めるコミュニティ活動/Community activities starting with the OTel official document translation project
msksgm
0
300
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
pharaohkj
0
180
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
140
TypeScript 上達の道
ysknsid25
23
4.8k
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.5k
大規模組織にAIエージェントを迅速に導入するためのセキュリティの勘所 / AI agents for large-scale organizations
i35_267
6
320
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
250
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
A better future with KSS
kneath
238
17k
Scaling GitHub
holman
461
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Speed Design
sergeychernyshev
32
1k
RailsConf 2023
tenderlove
30
1.2k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Transcript
ใฤू 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ϒϥβͰදࣔ ‣ ͱͬͯ؆୯