社内勉強会の資料の焼きなおしです emojiがうまく表示されてなかったらすみません 「Processingについて」プレゼン資料アップロード 〜ジェネラティブアートもあるよ！〜 : だらっと学習帳 http://blog.livedoor.jp/reona396/archives/55683943.html

1. Processingについて
@reona396

2. Processingのココがスゴイ！
● さくっとアニメーションやグラフィックが作れる💪
● 環境構築が楽
環境ダウンロードして即実行。さよならエディタ戦争
(※外部エディタも使用可。身体は闘争を求める🤖)
● 文法が簡単で覚えやすい
初心者もベテランも学びやすく教えやすい🔰
● JSライブラリを利用してweb上でも作品が展示できる
→ JSライブラリがない頃はJavaアプレットで展示💀

3. 例 - アニメーション
https://www.openprocessing.org/sketch/434060
p5.jsライブラリを利用して50行程度

4. 例 - クリックでの変化
https://www.openprocessing.org/sketch/417155
マウスやタップもとれる

5. Processingといえばジェネラティブアート
● アーティストが制作するとその人の意思100%だが、
間に計算機をはさんでその範囲から越えようという試み
● 計算機ならではの表現を追求
○ ランダムな値の出力
○ 何億回でも繰り返し同じ行いができる
○ 複雑な式を一瞬で解ける
● 思いもよらない出力は娯楽としてすでに確立されている
○ 話す内容をサイコロで決める🎲
○ 旅の行き先をダーツで決める🎯

6. ランダム出力 - ランダムウォーク
図形をランダムな方向に動かしその軌跡を楽しむアート
https://www.openprocessing.org/sketch/94623

7. 繰り返し - 大量のオブジェクト
大量のオブジェクトを各々配置・動作させるアート
→ オブジェクト指向
https://www.openprocessing.org/sketch/509454

8. 繰り返し - 再帰
再帰を利用して同じ構造を繰り返し描くアート
https://www.openprocessing.org/sketch/178979

9. 式を解く - バラ曲線
数式で花のような対称的な曲線を描くアート
https://www.openprocessing.org/sketch/206445
数式的には以下の図形を4つ描き90度ずつ回転させたもの
x = sin(9.234 * t) * round(sqrt(cos(cos(5.12 * t))));
y = pow(cos(9.234 * t), 4) * sin(sin(5.12 * t));
-8 ≦ t < 8

10. でも何になるのさ？
アートってアレでしょ
わかるわー
うんうん〜 コードはモノを作って
なんぼでしょ
アート(笑)

11. ホントに、何になるのさ？

12. ホントに、何になるのさ？
💴金 💴

13. コードを書くからコードで描くへ
SUZURIやBOOTHなど、自作グラフィックから商品を作れる
Webサービスの登場

14. プログラミング必修化の波
Processingはプログラミング教育のために作られた経緯を持つ
プログラミング必修化の時代にも
きっとビジネスチャンスが見いだせるに違いない！！！！！！
習い事としても
プログラミングは注目度高め！
Arduinoとも連携できる
Processingは
ロボット制作にも使える！