Ruby でライブ配信用ツールを作ったので紹介

Transcript

1. Ruby でライブ配信用ツールを作ったので紹介 （と、もうひとつ） @tokujiros Omotesando.rb #126 2026/10/01 1

2. 自己紹介 • 好きな言語は Ruby と C++ • テキストエディターを自作したくて GUI ツールキットか

   ら作ってたらいつの間にかゲームエンジンを作ってました • @tokujiros 最近は AI コーディングで作りたいものがどんどん作れて 楽しい x.com/tokujiros github.com/xord 2

3. ライブ配信用ツール Castawall の紹介 3

4. Castawall とは？ ライブ配信時に画面を装飾したりするツール 背景に動画を表示したり、チャンネル名をオー バーレイしたり OBS でもやれるけど、もっと簡単・手軽に 4

5. Castawall の構成 最背面固定の背景ウィンドウ 最前面固定の透過ウィンドウ 5

6. Castawall の構成 オーバーレイウィンドウ 配信したい別アプリのウィンドウ Castawall で配信開始した様子 背景ウィンドウ 6

7. Castawall で表示できるもの 現状では画像、動画、カメラ入力が表示可能 表示要素は Sketch というクラスを継承 class Image < Sketch;

   … end class Camera < Sketch; … end Sketch は Processing で描く setup(), draw(), ll(), stroke(), rect(), ellipse(), image(), push(), pop(), createGraphics(), shader(), blendMode() などなど… ほぼフルスペックの Processing API が使えるので Creative Coding や ゲームも作れるはず fi 7

8. MIDI 機材での操作 MIDI で表示要素をコントロール可能 位置、大きさ、不透明度をスライ ダーに割り当てなど 今後はトリガーとしても使えるよう にして、Sketch クラスのメソッド を呼べるようにしたい

   8

9. Castawall の作り方 Ruby 用の自作 GUI ライブラリに以下の機能を追加 ウィンドウの背景透過 ウィンドウのタイトルバー非表示 ウィンドウの影を非表示 ウィンドウの最前面、最背面固定

   ウィンドウの透過部分のマウスイベントを背後のアプリ、またはデスクトップに透過 ウィンドウを Mission Control やタスクバー、Alt+Tab に出さない メニューバーやタスクトレイに常駐 右クリックメニューの表示 ファイルダイアログ、カラーピッカーの表示 ほか、MIDI 入力やカメラ入力など 9

10. Castawall のデモ 実際に動いているところを 10

11. と、もうひとつ 11

12. ゴルフゲーム Desktop Golfer デスクトップ下部固定のサイドビュー・ゴルフゲーム AI の回答待ち中などにちょっと遊ぶのにおすすめ ソリティアやマインスイーパーの代わりに 12

13. ゴルフゲーム Desktop Golfer ウィンドウの背景透過とか透過部分の マウスイベントスルーとか、Castawall 用に追加した機能を使って小粒ゲーム を制作 Mac、Windows に対応 Mac

    App Store、Steam 等で100円く らいで有料販売に挑戦したい 13

14. おわり EOP 14