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からますます目が離せない !!!!!