【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年4月現在は、ベータ版ではありますが「Processing 4.0 beta 7」と4系のバージョンが最新となっています。
WindowsやMac、LinuxとOSごとにソフトウェアがあるので、自分の環境にあったものをクリックしてダウンロードしてください。

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

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



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

Processingの寄付ページ



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



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



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



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



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



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


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

 

ちょっと何か簡単なものを書いてみましょう。
正方形を描画してみます。



左上に実行ボタン(Run)停止ボタン(Stop)があります。
実行するとウィンドウが出て表示されます。



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



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



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

↓ ↓ ↓

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

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

↓ ↓ ↓

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

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