We Are JavaScripters! @5th で発表した資料です 解説はこちらです↓ http://blog.livedoor.jp/reona396/archives/55598884.html

1. p5.js について
@reona396

2. 自己紹介
● @reona396
● 昨春デビューのエンジニア
● Processing大好き！
● 九州出身
○ 東京に出てきて感動したことは
仕事帰りにイルカショーが見られること

3. Processing ?
Javaベースの
言語&環境
原点は
プログラミング教
育
グラフィック&
アニメ制作に
特化
オープンソース

4. 過去のProcessing作品を見てみよう
OpenProcessing : Processing作品投稿サイト
https://www.openprocessing.org/

5. 見られない
さよならJavaアプレット、君の事は忘れないよ…

6. Processing.js ?
● ProcessingのJS移植版
● canvas上にグラフィックを描画
● Java版Processingとほぼ同じ文法で使える
→ Javaアプレットとおさらば！
● 開発者はjQueryでおなじみのジョン・レシグ氏
● 最近は開発人員不足にお悩み中？

7. 新進気鋭 p5.js
JSライブラリ
さよならint他
こんにちはvar
グラフィック&
アニメ制作に
特化
ライブラリや
ドキュメントも
充実

8. p5.js の 幅広い利用法
● Webページのアクセントに！
○ 画像では表現できない柔軟さ
○ インタラクティブな表現
● 初めてのプログラミングに！
○ 絵を描いたり動かすことは足し算引き算よりも楽しい
○ 単純化されたビジュアルプログラミングより
実用的な言語へつながりやすい
● 数学や物理の復習に！
○ グラフィック制作に必須の三角関数を楽しく学べる
○ 物理シミュレーションにも挑戦できる