Processing の IDE が非常にイヤなので，まずはQiita: Processing を Visual Studio Code で動かしたいを参照し設定する。しかしこの記事のやり方だと，1 スケッチ毎に.vscodeによる設定をしなければならずイヤなので，例えばProcessing でゼロから学ぶプログラミング・ビジュアルアートの公式リポジトリなんかを clone してきて試す時に，プロジェクトフォルダに内包されている複数のスケッチを即時実行できるように改良したメモです。

準備

まずは上述のQiita 記事通りにセッティングを行う。そしたら Processing のインストール。ラクなのでHomebrewを使う。

install.sh

# homebrew
if !(type "brew" > /dev/null 2>&1); then
    echo "install HomeBrew..."
    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" < /dev/null 2> /dev/null ; brew install caskroom/cask/brew-cask 2> /dev/null

else
    echo "Homebrew is already installed"
fi

if !(type "processing-java" > /dev/null 2>&1); then
    brew tap caskroom/cask
    brew install brew-cask
    echo "installing Processing via Homebrew..."
    brew cask install -v processing

    echo "Open Processing and install processing-java (from menu bar > Tools > install processing-java)"
    echo "input path to Processing.app: "
    read pjpath
    echo "adding path"
    sudo ln -s ${pjpath}/processing-java /usr/local/bin/
else
    pjpath=$(which processing-java)
    echo "processing-java is already installed : ${pjpath}"
fi

echo "add path to vscode setting (tasks.json)"
sed -i -e "s|\"command\":.*|\"command\": \"${pjpath}\",|g" .vscode/tasks.json

そして，生成・編集されたtasks.jsonの"args"の"--sketch"部分を，visualstudio.com: Variables Referenceを頼りに編集する。

.vscode/tasks.json

"--sketch=${workspaceRoot}/${relativeFileDirname}"

これによりスケッチフォルダのパスがちゃんと渡される。

Variable Reference

${workspaceFolder} - the path of the folder opened in VS Code
${workspaceFolderBasename} - the name of the folder opened in VS Code without any slashes (/)
${file} - the current opened file
${relativeFile} - the current opened file relative to workspaceFolder
${relativeFileDirname} - the current opened file's dirname relative to workspaceFolder
${fileBasename} - the current opened file's basename
${fileBasenameNoExtension} - the current opened file's basename with no file extension
${fileDirname} - the current opened file's dirname
${fileExtname} - the current opened file's extension
${cwd} - the task runner's current working directory on startup
${lineNumber} - the current selected line number in the active file
${selectedText} - the current selected text in the active file
${execPath} - the path to the running VS Code executable

これにより，プロジェクトフォルダ直下の.pdeでなくても，Command + Shift + Bで実行できる。ウレシイ。

ここで，試しにgit submodule add git@github.com:cocopon/zero-pde.gitをして，Processing でゼロから学ぶプログラミング・ビジュアルアートを試す等すると良いかも。