7
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Iwaken Lab.「好きな技術・コト」Advent Calendar 2021

Day 6

TouchDesigner×Pythonで軽率にOSC通信する方法を初心者向けに説明する

Last updated at Posted at 2021-12-06

この記事はIwaken Lab.アドベントカレンダーの6日目です。

背景

同一ネットワークのリアルタイム通信を行う場合、UDPやTCP通信など行う場合、OSC通信が有用である場合があります。

例えば、私が以前HoloLensプレゼンを行った時の、HoloLens→Unreal Engineへの通信もOSC通信で行いました。

ここで、入力と出力を増やしたいといった場合に、OSC通信を束ねる役割があると便利になります。(リレーサーバー的な役割)
それをTouch Designerで行う場合のヒントになる記事がこちらになります。

Youtube (3).png

OSC通信とは

OpenSound Control(OSC)とは、電子楽器(特にシンセサイザー)やコンピュータなどの機器において音楽演奏データをネットワーク経由でリアルタイムに共有するための通信プロトコルである
https://ja.wikipedia.org/wiki/OpenSound_Control

OSC(Open Sound Control)とは,送信者(クライアント)から受信者(サーバ)へ,つぎのようなデータを送るための仕組みです.
https://www.ei.tohoku.ac.jp/xkozima/lab/espTutorial4.html

もともとは電子楽器のコンピュータ制御のためにつくられましたが,今ではさまざまな用途に使われています.通信の実装部分には UDP を利用することが多いようです.UDP とは,TCP と同様に,IP(Internet Protocol)を使ったデータ通信方法のひとつです.

UDP通信を利用することが多いというのもポイントです。
つまり、IPアドレスPort番号が分かればデータを投げつけることができます。

投げられるデータは

  • 整数 (int)
  • 実装 (float)
  • 文字列 (string)

などです。

なぜOSC通信が有用か

同一ネットワーク内でのリアルタイム通信を行いたいケース、例えば撮影スタジオ、VJイベント、XR展示ではOSC通信が便利になるケースが多いです。

個人的意見としては以下です

  • 複数のツール/プログラミング言語に対応している
    • Madmapper,TouchDesigner
    • Unity,Unreal Engine
    • Python,C#,C++...
  • 実装が楽
    • グローバルに行う場合、サーバーを準備する必要がある→ローカルネットワーク内の通信を行うには too Much
    • UDP通信、TCP通信→ 既存のツールで対応していない場合がある
    • OSC通信→既存ツールで対応している + 実装もシンプル

TouchDesingerとは

TouchDesignerというのは、カナダのDerivative社が開発しているアプリケーションで、コードを書かなくてもインタラクティブなコンテンツが作成できるため、デザイナーからプログラマー、アーティストまで、幅広くコンテンツ開発ができるということが魅力のひとつです。では、コードを書かずにプログラミングができるというのはどういうことでしょうか。以下で実際の画面を見ていただくとわかるかと思います。
https://www.taki.co.jp/blog/lab_takagi_20190902/

ノードベースで3Dのレンダリングや、データのやり取りをできるツールです。
メディアアートやVJなどに使われることが多いそうです。

なぜTouchDesignerでOSCを行いたいか

OSC通信を束ねるリレーサーバー的な役割に関して、ぶっちゃけ手段は何でもOKです

チームに合わせて「どの技術力が高いか」「現場での柔軟性が高い手段が何か」を照らし合わして技術選定すると良いです。

私の場合

  • 現場ではソースコードを書けない人も微修正対応する可能性がある
  • アプリ化してUI的に使いやすいようにしたい
  • TouchDesigner触ってみたい

という理由から、C#やC++などではなく、TouchDesignerを選びました。

この記事が解決すること

今までTouchDesinger触っていなかったプログラマが、TouchDesignerを触ると

  • 「どこから触ればいいかわからない」

となり、調べようにも

  • 「Pythonでカスタマイズしたいが、英語の記事しかない」
  • 「意外とピンポイントで知りたい記事が見つからない」

といったケースが多かったです。

この記事では、TouchDesigner×PythonでOSC通信を最低限行う実装とオススメ設定をご紹介します。

手順

  • 最初の準備を行う
  • OSCIn/Outを作る
  • Pythonでリレー通信の処理を書く

最初の準備を行う

TouchDesignerを立ち上げると、NewProject.toeが立ち上がります。

image.png

まずこれらのノードたちを削除しましょう。

ノードを選択してBackSpaceキーを押します。

image.png

OSCInノードを作って設定

OSC通信を受け取るノードになります。

まずTabキーを押すとOP Create Dialogが現れます。これを選ぶと様々なノードを生成できます。
ここから**「DAT」**タブを選択し、OSC Inを選択します。

image.png

OSC Inを生成。

image.png

生成されたOSCInをクリックして**「Pキー」**をクリックします (パラメータ画面を開くショートカットキーになります)

image.png

OSC Inの設定について以下について設定します

項目 設定
Active On
Protocol Messaging(UDP)
Port 7000 (なんでもOK)
LocalAddress (自分のPCのIPAddress)

OSCOutノードを作って設定

OSC通信を送信するノードになります。
送信する目的地の数だけ作る想定です。

まずTabキーを押して**「DAT」**タブを選択し、OSC Outを選択します。

image.png

パラメータ設定を以下のようにします。

項目 設定
Active On
Protocol Messaging(UDP)
NetWorkAddress (送り先のIPAddress)
Port 7001 (なんでもOK/OSC Inと変えてみる)

Pythonでリレー通信の処理を書く

狙い、OSC通信を受け取って、別のIPAddressに通信する。

oscin1にくっついているこのノードをPythonで書き換える。

image.png

お気に入りのEditorで編集

ノードを選択し「Ctrl+E」もしくは右クリックで「Edit Contents」を押すと、Editorが立ち上がります。
この時のEditorを設定するには、

  • [Edit]>[Preferences]でダイアログを開き
  • [DATsタブ]>[Text Editor]で選択
  • [Save]ボタン

image.png

私はVSCodeを選択しています。

Pythonで書いてみる

開くとこのような画面が開きます。

image.png

onReceiveOSC関数を書き換えましょう。

def onReceiveOSC(dat, rowIndex, message, bytes, timeStamp, address, args, peer):
	# oscout1という名まえのノードを取得
	osc_out = op("oscout1")
	# address: OSCAddress 例:"/hoge/fuga"
	# args: 変数のリスト 例:[0,0,1]
	osc_out.sendOSC(address,args)
	return

これで、OSCInから受け取ったOSCAddressと引数がOSCOutの目的地へ送られる実装ができました。

これで完成です!!!

その他便利設定

TouchDesignerを最小化しても、OSC通信を止めないようにする

デフォルトではTouchDesingerを最小化すると、OSC通信のプロセスが止まってしまいます。これでは不便です。それを回避する設定は
[Edit]>[Preferences]>[General]>[Stop Playing when Minimizedのチェックを外す]

image.png

デバッグログを吐き出す

print("hogehoge")と書くと書き出される。
ログの場所は[Dialogs]>[Textport and DATs]を選択する。すると登場する。

image.png

この記事では書きませんでしたが、やりたいと思われること

  • ボタンなどUIを作る
  • 複数のOSC Outに送る
  • 受け取ったOSCAddressによってフィルタリングを行う
7
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?