1. Processing3.0の
モードについて
@reona396

2. 自己紹介
● @reona396
● 大学院生
● Processing大好き
● Processingでグッズをつくって販売してます
https://suzuri.jp/reona396

3. そもそもProcessingとは
● アートとデザインのための言語及び環境
● Javaを単純化&グラフィック特化

4. Processingのモード
用途に応じてモードが変更できる
● Javaモード
● JavaScriptモード
● Androidモード

5. Processing3.0で使える主なモード
● Javaモード <- Renewal!!
● Java(2.0)モード
● JavaScriptモード
● Androidモード
● Pythonモード
● Tweakモード

6. PDE X モードの機能がJavaモードへ
● 補完機能がついに登場！
● エラーチェッカーも搭載！
● ブレークポイント設定等のデバッグ機能も充実！

7. PDE X モードの機能がJavaモードへ
詳しくは以下の記事で
● 補完・デバッグ機能搭載！
Processingの新モード「PDE X」使い方ガイド
● Processingのデバッグモード使い方ガイド
Experimentalモード・PDE Xモード対応

8. PDE X モードの機能がJavaモードへ
オライリーの「Make」で紹介されました(*ﾉω・*)ﾃﾍ
Make: Japan | Processing 3.0はコード補完やデバッガを標準装備

9. Java(2.0)モード
● シンプルなJavaモード
● 補完機能等の追加機能がない

10. JavaScriptモード
● Processing.jsを利用できるモード
● ネットでの作品の公開に最適
● 詳しくは過去のスライドで
Processing×Webの薄い本ください。
～Processing.jsについて～ (SlideShare)

11. Androidモード
● Android用アプリを開発するモード
● 実機でもエミュレータでも実行可能
● 表示するだけなら面倒な準備や記述は
特に必要ないので取っ付き易い印象？

12. Androidモード
詳しくは以下の記事で
Processing×Androidで遊んでみよう！

13. Pythonモード
● Python的な文法で
記述できるモード
● サンプルコードも
Pythonモード用に
書きかえられている
barWidth = 20
def setup():
size(32 * barWidth, 360)
colorMode(HSB, height, height, height)
noStroke()
background(0)
def draw():
whichBar = mouseX / barWidth
barX = whichBar * barWidth
fill(mouseY, height, height)
rect(barX, 0, barWidth, height)
lastBar = whichBar

14. Tweakモード
● 実行中にコード内の値を変更できるモード
o 図形の位置、大きさ、動き、色…
● 詳しくは以下の記事で
スケッチを実行しながらどんどん改良！
Processingの新モード「Tweakモード」使い方ガイド
● デモします

15. Tweakモード
Processing で Tweakモードを使ってみた - YouTube

16. まとめ
● Processingのエディタの多機能化
● 多言語との連携
→Processingからますます目が離せない!!!!!