ProcessingをVSCodeで実行（Windows）

動機

新入部員にProcessingをやってもらうことになり、その時に読むメモとしてまとめた。

ダウンロード

VSCode

1. VSCodeをダウンロード
   Visual Studio Code – コード エディター | Microsoft Azure

Processing

1. Processingをダウンロード
   Download / Processing.org

   

   • WindowsDefenderがProcessingをマルウェア認識して正常にダウンロードが行われないケースが見られました。WindowsDefenderの設定にて例外扱いすることで回避することが出来ます。（問題が発生しても一切の責任は取れません。）

2. ダウンロードしたzipファイルを適当なフォルダに展開
   (例：Cドライブ直下にソフト管理用フォルダを作りそこに展開するC:\SoftFiles\processing-{バージョン名})

拡張機能

以下はVSCode上での操作です。

1. 拡張機能"Processing VSCode"をインストール
2. "Processing VSCode"のExtensions Settingsを選択
   
3. Processing Pathに
   Processingを展開したフォルダのパス\processing-java
   (例: C:\SoftFiles\processing-4.0b7\processing-java) を入力
   

プロジェクトの作成・実行

1. 新しいプロジェクトフォルダを作成(例: firstProject)し、それと同じ名前のpdeファイル(例: firstProject.pde)をプロジェクトフォルダ内に作りましょう。
   • フォルダ名とpdeファイル名は同一にする必要があります。
2. そしてこのpdeファイルをVSCodeで開きCtrl + Shift + Pを同時に押すと画面上部に入力ボックスが表示されます。
3. そこにProcessingと入力。
4. "Processing: Run Open Processing Project"を選択するとpdeファイルが実行できます。

例として、以下のコードをpdeファイルに入力した状態で実行すると、
緑色のウインドが表示されます。

//firstProject.pde
void setup()
{
  size(600,600);
  background(0,255,0);
}

---

参考: https://www.dbc-works.org/feedback/entry/2021/9/26