ゆーこ

ゆーこ

3.TouchDesignerでビジュアルエフェクトを作る

ここが一番試行錯誤したところです。TouchDesignerでビジュアルエフェクトを作っていきます。サンプルはここにあります。 ちなみに全体像はこんな感じ。 途中大変な感じになってますが、やってることはそんなに難しくないので大丈夫です。1つずつ説明していきます。 概要概要を説明すると、まずoFから送信されたデータを受け取ります。それをTouchDesingerの座標系に則するように値を調整し、bounding boxをoFで動かした時のように、動画の位置と対応させます。(

ゆーこ

    • 2.Teachable Machineを利用した接触判定システム

      Teachable Machineをp5.jsとTensorflow.jsで動かし、それをwebsocket通信でTouchdesignerに送信します。 Teachable Machineについて誰でも簡単に画像認識やPoseNet、音声認識ができるサービスです。 これをp5.jsで動かすには、Danniel ShiffmanのYouTubeチャンネルThe coding trainがわかりやすいです。 今回は、手がペンに触れたか触れていないかの判定を、Teachabl

      ゆーこ

      • 1.openFrameworksで物体検知とOSC通信

        openFrameworks(以下oF)で物体検知(Object Detection)を動かし、その結果をOSC通信で送る方法です。 ※自分は卒業制作ではオリジナルのモデルを作成しましたが、それはまた別の記事で書こうと思ってます。この記事では、元々用意されているモデルを使用する方針で書いています。 物体検知物体検知には以下のaddonを使用します。 https://github.com/TetsuakiBaba/ofxOpenCvDnnObjectDetection これを

        ゆーこ

        • 0.物体検知と接触判定を使ったインスタレーション　の技術まとめ

          大学4年生の卒業制作で、物体検知とTeachable Machineで構築した接触判定システムを使用した、インスタレーション作品を制作しました。 そこで使った技術や詰まったところ、その解決策、Tipsなどを記しておきます。後輩たちの制作の一助になれば幸いです。 注意：詳しい技術の話は省いて…というか、私もきちんと理解しきれていない部分がありますので、この記事では紹介しません。通信の云々とか。とりあえず動いたらいいや精神でやっているところがあります。また、専門用語などをを誤っ

          ゆーこ

        3.TouchDesignerでビジュアルエフェクトを作る

        ゆーこ