0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Syphon出力するストップウォッチほか時計系のユーティリティを作った

Last updated at Posted at 2022-12-18

IMG_0971.JPG
VJ用途に!openFrameworksを使って、こんな感じでSyphonで映像出力する時計系のアプリを作ったので、その作り方を記す

画面はこんな感じ
スクリーンショット 2023-12-25 21.20.56.png

特徴:syphon出力を利用可能。1/100秒表示および曜日表示を選択可能。任意の文字位置・フォント・色・サイズに変更できます

追記
時計アプリ(clockSyphon)の他にも、ストップウォッチ(stopwatchSyphon)とカウントダウン時計(countdownSyphon)も作ったからよろしく!下からダウンロードできるよ!

手っ取り早く使いたい人へ

実行ファイル(アプリ)とコードはこちらからダウンロードしてくれ

bin.zipに実行ファイルが入ってるので解凍して使用してください。

警告が出て開けないときは、こちらを参考にして開いてね。

空のプロジェクトを生成

openFrameworksでofxGuiとofxSyphonを適用してプロジェクトを生成する
プロジェクト名はclockSyphonとした
詳しくは下記参考リンクを参照
スクリーンショット 2023-12-25 22.19.01.png

するとopenFrameworks/apps/myApps配下にclockSyphonプロジェクト一式が生成される
スクリーンショッ.png

適当なフリーフォントをダウンロードして先ほど生成したプロジェクトの
openFrameworks/apps/myApps/clockSyphon/bin/data配下に置く

スクリーンショット 2023-12-25 22.14.07.png

フリーフォントはLatoがおすすめ

コーディング

コーディングをする。
コードは下記のGithubに置いてあるからダウンロードしてくれ。

アプリをビルド&実行

アプリをビルド&実行する

スクリーンショット 2023-12-31 13.39.40.png

VDMXでSyphon映像を受信する

右クリックでAdd clips from Built-in Sources->syphon->oFアプリを選択
スクリーンショット 2023-12-25 22.06.44.png

これ非常に重要!
表示したSyphonレイヤーのComposition ModeをOpenGL- Overに変更する
スクリーンショット 2023-12-25 22.07.38.png

参考リンク

Syphon

マウスドラッグ、マウスボタンプレス

ofxGUI ColorPicker

文字の縁どり

openFrameworksとSyphon

MadMapperで映す

Syphon > VDXM5をクリックする
スクリーンショット 2023-12-30 18.37.17.png

Modul8で映す

Syphonをクリックする
スクリーンショット 2024-01-02 19.03.50.png

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?