【Processingの始め方】デジタルアートのプログラミングを楽しもう


Processing。

そう、それはデザイナーのために作られたプログラミング言語。

おそらくそうだよね。

Processingではコンピュータで絵を書いたりアニメーションやCG(コンピュータグラフィックス)を制作したりCGと画像の合成、動かしたりするプログラムを作ることができます。

なんだか面白そうですね。

Processingとは


ProcessingはJavaという言語をベースとしたオープンソースのプログラミング言語。Javaよりも簡単に記述でき、描画やアニメーション、ビジュアルデザイン、インタラクションデザインやグラフィックに特化したプログラミング言語です。

プログラマーでなくても、デザイナーでもわかりやすい言語となっているのでアートやデザインを学ぶ方でも始めやすいかと思います。
プログラミングは苦手だなぁ〜という人でも、これを機にプログラミングって面白いかもってなるかもしれません。

Processing開発環境の準備


Processingを始めるには、公式のIDE(Integrated Development Environment/統合開発環境)を準備します。
プログラムを書いていくエディタです。

Processingの開発環境はWindows、Linux、MacOSに対応しています。

それではさっそく開発環境を準備しましょう。

公式サイトからProcessingをダウンロードしてきます。

Processing.org
https://processing.org/

公式サイトにアクセスしましたら、Welcome to Processing!のメッセージの下の「Download」ボタン、または画面上部メニューの「Download」のリンクからダウンロードページへ進みます。

Processingのダウンロード



ダウンロードページでは、まず最初にProcessingの最新バージョンが掲載されています。
2022年8月現在は、「Processing 4.0.1」と4系のバージョンが最新となっています。
WindowsやMac、LinuxとOSごとにソフトウェアがあるので、自分の環境にあったものをクリックしてダウンロードしてください。

最新バージョンの動作が気になったり、希望のバージョンを利用していきたいこともあります。
これまでに動作が安定していた1つ前のバージョンを利用する場合は、「Stable Releases」の項目から利用したいバージョンのソフトウェアをダウンロードしてください。

自分の環境に合ったProcessingをダウンロードする



ダウンロードを始めてから少し経つと、Donationページが表示されます。
寄付金を払うかどうかの選択がありますが、とくに寄付しなくても大丈夫です。
そのままWebページを閉じてもらってOKです。

Processingの寄付ページ



ダウンロードしたZIPファイルを展開(解凍)します。
Processing.appはアプリケーションフォルダに入れます。

Processing 4(macOS)



Processing関連のファイルは、デフォルトでは「Document」の中の「Processing」というフォルダ内で管理されます。

macOSのProcessingフォルダの場所



実際に制作する上では、自分がわかりやすい場所にフォルダを作って制作ファイルを管理すれば良いです。



それではProcessingを起動しましょう。
Processing.appをダブルクリックして起動させてくだざい。

macOS版のProcessingの起動



ProcessingではEdit領域にコードを書いていき、1つ1つのプログラムをSketchと呼びます。
保存方法は簡単で、Macだったら「command+s」で保存できます。
Windowsだと「Control+s」になります。
ExcelやWordもそうだけどコピー、ペースト、保存はだいたい一緒です。

Processingの保存



保存場所はProcessing関連ファイルがある場所、「Document」→「Processing」の中に。
保存した名前でフォルダができていて、その中にpde形式で保存されます。


もちろん保存する時に自分の好きな場所に保存しても大丈夫です。
例えば、デスクトップにCGプログラミングというフォルダを作って、その中に保存していくなど。

Processingの保存場所

 

ちょっと何か簡単なものを書いてみましょう。
正方形を描画してみます。
左上に実行ボタン(Run)停止ボタン(Stop)があります。
実行するとウィンドウが出て表示されます。

Processingの実行



各OSで動かすことができる実行可能なバイナリファイルを作成するには、ツールバーの「File」→「Export Application」で実行可能なアプリケーションとして出力することができます。

各OSで動かすことができる実行可能なバイナリファイルを作成する



今回描画したものはただの基礎的なものなので何にも使えませんが、アニメーションなどを盛り込んだデジタルアートを作れば、実行可能なアプリケーションとして出力し、パソコンを使っていない間に時間が経つと出るスクリーンセーバーなんかにしても面白いかも。



今回はMacでの説明でしたがWindowsもほとんど変わりません。
Windowsはこちらで説明しています。

↓ ↓ ↓

プログラミング初心者でも簡単に学べるProcessingの始め方(Windows編)

また、Processingの基礎的なことはこちらで紹介しています。

↓ ↓ ↓

Processingの基礎 図形や楕円などを表示させてみよう

プログラミングは始めてという方でもProcessing(プロセッシング)は簡単に始められますので、遊ぶようにコードを書いてみてください。