processing チュートリアル
処理を開始する
サーチ…
備考
処理とは、画像、アニメーション、インタラクションを作成したい人のためのオープンソースのプログラミング言語と環境です。
処理とは、Javaの上に構築された言語とそれに付属する最小限のIDEを指します。これはフリーでオープンソースで、Linux、Mac OS X、Windows上で動作し、スクリーン、プリント、3Dパッケージ、CNC印刷用に出力できます。
この言語は、複雑な概念を多く簡素化し、プログラミングの世界にデザイナー、アーティスト、非プログラマの参入を容易にします。
長年にわたり、それはから及ぶプロジェクトの数を生成するために使用されたデータの可視化に物理的なコンピューティング 、 ゲーム 、 3D 、 サウンド 、 ライブもパフォーマンス 、および多くを 。
活気のあるコミュニティのために、Processingは100以上の図書館の貢献を楽しむだけでなく、 AndroidやiOSなどの主要モバイルプラットフォームにも存在します。
OpenProcessingなどの処理コンテンツを共有するためのオンラインコミュニティがあります。
一部のWebサイトでは、Flashで駆動されるSketchPatchやJavaScript駆動のHasCanvas 、 Sketchpad 、 p5.js （pure JS）などのブラウザで直接、Processingを学習して使用することもできます。
次の言語の処理ポートもあります。
- ProcessingJSまたはp5jsを使用するJavaScript
- ActionScript
- Python（ NodeBox 、 Field 、 pyProcessingまたは新しい公式Pythonモードを参照）
- スカラ
- Clojure
- ルビー
Androidモードでは、プロジェクト設定から.apkファイルの書き出しまでのタスクを自動化することで、コードにほとんど変更を加えずに、処理スケッチをAndroidアプリケーションとして実行することができます。 Android処理スケッチでは、基礎となるAndroidセンサーやデバイスにアクセスすることもできます。
上級ユーザーはProcessing IDEに制約されません。 EclipseでProcessingプロジェクトをセットアップできます。 プロクリプスピングを使用するか、 サブライムテキストを使用して、 処理 - サブライムパッケージを使用してスケッチを構築して実行します。
バージョン
| バージョン | 発売日 |
|---|---|
| 1.5.1 | 2011-05-15 |
| 2.2.1 | 2014年5月19日 |
| 3.1.2 | 2016-07-29 |
| 3.2.1 | 2016-08-19 |
インストールとセットアップ
処理を使用する最も簡単な方法は、処理ダウンロードページから処理エディタをダウンロードすることです 。
それはzipファイルとして提供されます。そのファイルを任意の場所に解凍すると、実行可能ファイル（Windowsの場合はprocessing.exe ）を含むディレクトリが作成されます。
実行可能ファイルを実行するとProcessingエディタが開きます：
Processingエディタ（Processing Development Environment、またはPDEとも呼ばれます）には、多くのツールが用意されています。処理コードを書くことができます。処理コードは自動的にJavaに変換され、コンパイルされ実行されます。
PDEには多くの機能が含まれていますが、今はエディタの白い部分にProcessingコードを書いてから、再生ボタンを押してコードを実行してください。いくつかのコード例については、下のHello Worldセクションを参照してください。
AtomやSublime Textのような他の基本的なコードエディタを使用して処理コードを書くこともできますし、 eclipseのような高度なIDEを使うこともできます。
こんにちは世界
処理コードを書く最も簡単な方法は、単に一連の関数を呼び出すことです。処理エディタで実行ボタンを押すと、処理でコードが実行されます。ここに例があります：
size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);
このコードでは、 200x200ウィンドウが作成され、青い背景が描画され、塗りつぶしの色が緑色に変更され、画面の中央に円が描画されます。
しかし、ほとんどのProcessingスケッチは、あらかじめ定義されたsetup()およびdraw()関数を使用します。
setup()関数は、スケッチの最初の段階で、Processingによって自動的に呼び出されます。この機能は、sizeやイメージやサウンドファイルなどのリソースのロードなどの初期設定を行うために使用されます。draw()関数は、毎秒60回の処理で自動的に呼び出されます。この関数は、ユーザの入力を取得して取得するために使用されます。void setup() { size(200, 200); } void draw(){ background(0); ellipse(mouseX, mouseY, 25, 25); }
このコードは200x200ウィンドウを作成し、現在のマウス位置に円を描画します。
