思い出したのでProcessingにHello Worldする

#はじめに
画像をどうのこうのするやつだと，大学時代にちょっとだけProcessingやったなあと思い出したので再び入門してみる。

#processingとは

![p3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/091c1c7a-0992-6108-7a2d-9756eb182c45.png)

知らない間にアイコンが新しくなってました
いろいろ読んだ限りだと，wikipediaの解説が一番よく纏まってる気がしてます。
[https://ja.wikipedia.org/wiki/Processing](https://ja.wikipedia.org/wiki/Processing)

Processingは
>電子アートとビジュアルデザインのためのプログラミング言語であり、統合開発環境(GUI)

です。

うわかっけー！ってなるVJとかを作れるツールだと私は思っています。
主はJAVAベースみたいですが，プラグインいれてpythonや他言語ベースで書いていくことができます。
独特な部分（座標の指定の仕方とか，独自関数とか）も多少ありますが，やったことをすぐ実行してビジュアライズできるので楽しく，プログラミング初学者向けの言語であるとも言われています。書くうえでは，とにかく書いたことが上から実行されていくのでそれだけ覚えてれば大丈夫な気がします。
日本語リファレンスが少ないのが残念。

参考になりそうなのはこの辺だと思います。
ダウンロードするとサンプルコードがいっぱいついてくるのでそれ使いながら勉強するでもいいのかも
・[http://www.d-improvement.jp/learning/processing/class/about-processing.html](http://www.d-improvement.jp/learning/processing/class/about-processing.html)
・[https://www.catch.jp/wiki/index.php?plugin=related&page=Processing%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7](https://www.catch.jp/wiki/index.php?plugin=related&page=Processing%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7)

#ダウンロードとインストール
私の環境はMacです
※おうちPC環境
　iMac (Retina 4K, 21.5-inch, 2017)
　3.6 GHz クアッドコアIntel Core i7
　16 GB 2400 MHz DDR4

さてやっていきます

公式から行くのが一番良さそう
[https://processing.org/download/](https://processing.org/download/)
お使いのPCに合わせて，とりあえず最新版をダウンロードしてみます。
私の場合はMac OS Xを選びます
<img width="904" alt="スクリーンショット 2020-04-05 7.14.05.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/a9ea35d0-4742-8d8c-456f-c263b8c84fa9.png">

ダウンロードされたzipファイルを適当な場所で展開してみると，
<img width="264" alt="スクリーンショット 2020-04-05 7.17.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/e37373a4-e6e8-f0fd-4888-ee0922697a43.png">
何にもなしにすぐアイコンができてる。
開いていみます

<img width="705" alt="スクリーンショット 2020-04-05 7.20.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/6c4fca07-1126-acee-6826-5a58250ce8db.png">

こんな画面が出てくるのでとりあえずGet Startしちゃう
これでダウンロードとインストールは終わりです

#python化する
デフォルトはJAVAベースなのですが今回私はpythonベースで取り扱いたいのでpythonモードを追加します。右端のJAVAと書いてあるプルダウンをクリックして「モードの追加」を選択
<img width="809" alt="スクリーンショット 2020-04-05 7.23.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/a342894c-c7b5-4120-e947-c83f43a7f279.png">

大変わかりやすくpythonモードがあることがわかるので，それをインストールします
<img width="736" alt="スクリーンショット 2020-04-05 7.25.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/981b631f-6c87-93a7-3290-0776e9de64c7.png">

インストールできたら右端のプルダウンからpythonを選択するだけでpythonモードになります。

#Hello World的ムーブ
文字通りのハローワールド
<img width="506" alt="スクリーンショット 2020-04-05 7.33.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/ca3ba5d2-ce1b-32c8-248f-a3b638fd435e.png">

これじゃつまらーんってことで丸とか描いてみます

```python:
#drawing window size(W,H)
size(400,300)

#fill collor set
fill(0,255,255)
#draw ellipse(circle) ... eclipse(center x, center y, width, height)
ellipse(200,200,150,100)
```
<img width="397" alt="スクリーンショット 2020-04-05 7.42.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/594517/f9366445-5856-ae15-71c6-67bbe2259ddc.png">

先に塗りつぶす色を決めといてあげないといけないとかがちょっと慣れないです。

#終わりに
最終的にはMIDI機器と連携して映像とか出したい
頑張ります

→python版にUDPとかOSCの機能がない？？