Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
p5.js について
@reona396
自己紹介
● @reona396
● 昨春デビューのエンジニア
● Processing大好き!
● 九州出身
○ 東京に出てきて感動したことは
仕事帰りにイルカショーが見られること
Processing ?
Javaベースの
言語&環境
原点は
プログラミング教
育
グラフィック&
アニメ制作に
特化
オープンソース
過去のProcessing作品を見てみよう
OpenProcessing : Processing作品投稿サイト
https://www.openprocessing.org/
見られない
さよならJavaアプレット、君の事は忘れないよ…
Processing.js ?
● ProcessingのJS移植版
● canvas上にグラフィックを描画
● Java版Processingとほぼ同じ文法で使える
→ Javaアプレットとおさらば!
● 開発者はjQueryでおなじみのジョ...
新進気鋭 p5.js
JSライブラリ
さよならint他
こんにちはvar
グラフィック&
アニメ制作に
特化
ライブラリや
ドキュメントも
充実
p5.js の 幅広い利用法
● Webページのアクセントに!
○ 画像では表現できない柔軟さ
○ インタラクティブな表現
● 初めてのプログラミングに!
○ 絵を描いたり動かすことは足し算引き算よりも楽しい
○ 単純化されたビジュアルプログラ...
Upcoming SlideShare
Loading in …5
×

p5.js について

1,156 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

p5.js について

  1. 1. p5.js について @reona396
  2. 2. 自己紹介 ● @reona396 ● 昨春デビューのエンジニア ● Processing大好き! ● 九州出身 ○ 東京に出てきて感動したことは 仕事帰りにイルカショーが見られること
  3. 3. Processing ? Javaベースの 言語&環境 原点は プログラミング教 育 グラフィック& アニメ制作に 特化 オープンソース
  4. 4. 過去のProcessing作品を見てみよう OpenProcessing : Processing作品投稿サイト https://www.openprocessing.org/
  5. 5. 見られない さよならJavaアプレット、君の事は忘れないよ…
  6. 6. Processing.js ? ● ProcessingのJS移植版 ● canvas上にグラフィックを描画 ● Java版Processingとほぼ同じ文法で使える → Javaアプレットとおさらば! ● 開発者はjQueryでおなじみのジョン・レシグ氏 ● 最近は開発人員不足にお悩み中?
  7. 7. 新進気鋭 p5.js JSライブラリ さよならint他 こんにちはvar グラフィック& アニメ制作に 特化 ライブラリや ドキュメントも 充実
  8. 8. p5.js の 幅広い利用法 ● Webページのアクセントに! ○ 画像では表現できない柔軟さ ○ インタラクティブな表現 ● 初めてのプログラミングに! ○ 絵を描いたり動かすことは足し算引き算よりも楽しい ○ 単純化されたビジュアルプログラミングより 実用的な言語へつながりやすい ● 数学や物理の復習に! ○ グラフィック制作に必須の三角関数を楽しく学べる ○ 物理シミュレーションにも挑戦できる

×