oFでsyphonでVDMXする回

概要

---

注)編集中の内容です...スミマセン

脇田研輪読サブゼミ
oFと別環境と連携させて、いろいろ遊ぶための基礎編です。
今回は、VDMXというVJなどで使われる環境にoFから映像を入力してみましょう。そのためにsyphonというものを導入してみようと思います。

手順

---

1. 必要なものをすべてダウンロード
2. アドオンを使ってoF側にsyphonを導入
3. 何か適当にアニメーションを書いてみる
4. syphonにoFからアニメーションを送信してみる
5. simple clientで受信してみる
6. VDMXでアニメーションを受信してみる
7. 発展させてみる

用意するもの

---

• openframewroks -v0.8.4
• ofxSyphon download
• Syphon　download * 以下2つをインスコしてきてください
  • simple server
  • simple client
    
• VDMX download

アドオンを使ってoF側にsyphonを導入

---

1. ofxSyphonをプロジェクトに追加して、新規プロジェクトを生成

2. xcodeのプロジェクトファイル->general->Linked Framewroks and Librariesへと行き、coreVideo.frameworkを追加 (これやらないと、エラー出るので注意)
   

3. 同じく、frameworkにsyphon.frameworkを追加する。
   addons/ofxSyphon/libs/Syphon/lib/osx/Syphon.framework

4. xcodeの左パレット->addons->ofxSyhonにSyphonNameboundClient.mを追加する。(projectGeneratorでプロジェクトを生成した場合必要)
   

addons/ofxSyphon/libs/Syphon/src/SyphonNameboundClient.m
この階層に飛んでSyohonNameboundClient.mをadd

何か適当にアニメーションを書いてみる

---

• ofApp.h

#pragma once

#include "ofMain.h"

class ofApp : public ofBaseApp{

    public:
        void setup();
        void update();
        void draw();

    int r,add;

};

• ofApp.cpp

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
    r=10;
    add=10;
}

//--------------------------------------------------------------
void ofApp::update(){
   if(r==200)add=-10;
    if(r==10)add=10;
    r=r+add; 
}

//--------------------------------------------------------------
void ofApp::draw(){
    //丸が大きくなったり、小さくなったりするだけのアニメーション

    ofSetColor(200, 0, 0);
    ofCircle(ofGetWidth()/2, ofGetHeight()/2, r);
}

syphonにoFからアニメーションを送信してみる

---

• ofApp.h

#pragma once

#include "ofMain.h"
#include "ofxSyphon.h"

class ofApp : public ofBaseApp{

    public:
        void setup();
        void update();
        void draw();
    ofxSyphonServer output;
    int r,add;

};

• ofApp.cpp

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
    output.setName("Main");
    r=10;
    add=10;
}

//--------------------------------------------------------------
void ofApp::update(){
   if(r==200)add=-10;
    if(r==10)add=10;
    r=r+add; 
}

//--------------------------------------------------------------
void ofApp::draw(){
    //丸が大きくなったり、小さくなったりするだけのアニメーション

    ofSetColor(200, 0, 0);
    ofCircle(ofGetWidth()/2, ofGetHeight()/2, r);
//ここで送信している
    output.publishScreen();
}

simple clientで受信してみる

---

右がoFのアプリケーションで、左がsyphon simple clientです。下のように同じものが出てたらとりあえず大丈夫！

VDMXでアニメーションを受信してみる

---

1. VDMXを起動->Templates->simple mixerを選択
   

2. oFのアプリをビルド

3. 右クリックでAdd clips from Built-in Sources->syphon->oFアプリを選択
   

発展させてみる

---

まだ考えてないです、、ごめんなさい。