Processing3.0 の ののののののの @reona396
May 28, 2015
Processing3.0のモードについて
@reona396
自己紹介
● @reona396● 大学院生● Processing大好き● Processingでグッズをつくって販売してます
https://suzuri.jp/reona396
そもそも Processingとは
● アートとデザインのための言語及び環境● Javaを単純化 &グラフィック特化
Processingのモード
用途に応じてモードが変更できる● Javaモード● JavaScriptモード● Androidモード
Processing3.0で使える主なモード
● Java モード <- Renewal!!● Java(2.0)モード● JavaScriptモード● Androidモード● Pythonモード● Tweakモード
PDE X モードの機能が Javaモードへ
● 補完機能がついに登場!● エラーチェッカーも搭載!● ブレークポイント設定等のデバッグ機能も充実!
PDE X モードの機能が Javaモードへ
詳しくは以下の記事で● 補完・デバッグ機能搭載!
Processing PDE Xの新モード「 」使い方ガイド● Processingのデバッグモード使い方ガイド
Experimental PDE Xモード・ モード対応
PDE X モードの機能が Javaモードへオライリーの「Make」で紹介されました (* ノ ω・ *) テヘ
Make: Japan | Processing 3.0はコード補完やデバッガを標準装備
Java(2.0)モード
● シンプルな Javaモード● 補完機能等の追加機能がない
JavaScriptモード
● Processing.jsを利用できるモード● ネットでの作品の公開に最適● 詳しくは過去のスライドで
Processing×Webの薄い本ください。Processing.js (SlideShare)~ について~
Androidモード
● Android用アプリを開発するモード● 実機でもエミュレータでも実行可能● 表示するだけなら面倒な準備や記述は特に必要ないので取っ付き易い印象?
Androidモード
詳しくは以下の記事でProcessing×Androidで遊んでみよう!
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
Tweakモード
● 実行中にコード内の値を変更できるモードo …図形の位置、大きさ、動き、色
● 詳しくは以下の記事でスケッチを実行しながらどんどん改良!Processing Tweakの新モード「 モード」使い方ガイド
● デモします
Tweakモード
Processing で Tweak モードを使ってみた - YouTube
まとめ
● Processingのエディタの多機能化● 多言語との連携
→Processingからますます目が離せない !!!!!