IDE のインストール — 時間がかかるので先に始めよう

両OS共通: CMake

# macOS (Homebrew)          # Windows
$ brew install cmake        $ winget install Kitware.CMake

自己紹介 tettou771（鉄塔）

• デジタルコンテンツ製作 / TrussC 開発者
• Kinect 初代の頃、Processing で制作活動
• “Kinect” で求人検索して東京へ（2015）→ 株式会社レイでデジタルコンテンツ制作（Unity / openFrameworks）
• 独立（2019）、電子回路設計にも手を出す
• ノードよりコードが好き → 自分が欲しいフレームワークを自分で作ることに

image.club/tettor_hikariwotokasukikai/

tdk.com/ja/featured_stories/tdkwithin/entry-01-javelinthrow.html

TrussC で作ってる人たち

openFrameworks ユーザーの悩み

💡 ここを解決したい

3つのフレームワーク、何が違う？

コア技術スタック — すべて GPL フリー

すべてヘッダーオンリー or 単一ファイルの軽量ライブラリ → ビルドが速く、ライセンスもクリーン

github.com/floooh/sokol — Simple STB-style cross-platform libraries

TrussC × sokol アーキテクチャ

映像などの OS 固有機能は AVFoundation / Media Foundation / FFmpeg を直接使用 — GPL 依存なし

projectGenerator

• プロジェクト名と場所を入れて Generate するだけで CMake 構成が完成
• アドオンをチェックで追加
• IDE を選択 — VSCode / Xcode / Visual Studio
• Web (Emscripten) ビルドもチェック 1 つ
• 既存プロジェクトは Import → 再生成

trusscli

projectGenerator の中身は trusscli — 引数なしで起動すると GUI、コマンドで叩けば CLI。AI エージェントもこれを使ってビルド・実行する

$ trusscli new myApp -a tcxOsc    # create a project (addons included)
$ trusscli run                    # build & launch
$ trusscli addon add tcxIME       # add an addon later
$ trusscli update                 # regenerate build files
$ trusscli doctor                 # check the dev environment

Examples (wasm)

Addons

距離画像センサ、MIDI、物理シミュレーションなどのアドオンで機能を拡張できる

Demo: Color graphics

色は 255 ではなく 0.0〜1.0 の正規化値 — シェーダーと自然に統合。知覚均一な OKLCH も標準搭載で、美しいグラデーションが簡単

Demo: Tween animation

ビルトインの Tween — createTween()->from(0)->to(100)->ease(Elastic)->start()。Elastic / Bounce / Cubic など、完了判定も簡単

Demo: シェーダー graphics

GLSL で書けば sokol-shdc が Metal / D3D11 / WebGPU 用に自動変換 — 同じコードが全プラットフォームで動く

Demo: 縦書き組版 font

禁則・ぶら下げ・縦中横（桁数で Combine / Rotate 切替）まで入った縦書き組版。getStringPath も縦書きレイアウトを透過的に通る

Demo: ChipSound sound

コア組み込みの 8bit シンセ — アセットファイルなしで SE が鳴る。{ .wave = Wave::Square, .hz = 440 } で 1 音、ADSR・ノイズ・タイムライン合成も

Demo: Node システム node

oF だと自作しがちな階層構造・クリック判定が標準搭載。親子で transform が自動伝播、機能は Mod（LayoutMod, TweenMod ...）で後付け

tcxNodeInspector addon

Unity 風の Hierarchy + Inspector + ギズモを 1 行で。TC_REFLECT したメンバーは実行中に編集でき、キャンバス上のクリックで選択・ドラッグで移動/回転。GUI で配置した値は MCP（tc_get_node_tree）で読み取ってコードに焼き込める

ヘッドレスモード

• runHeadlessApp() — ウィンドウも GPU コンテキストもなしで update() だけ回る
• EVENT_DRIVEN にすればネットワークコールバック駆動のサーバーにもなる
• 用途: MCP サーバー、OSC レシーバー、SBC のセンサーロガー、CI テスト...
• グラフィックス系フレームワークでこのモードを持つものはほぼ無い

return tc::runHeadlessApp<tcApp>(
    tc::HeadlessSettings().setFps(tc::EVENT_DRIVEN));

Agentic Coding

• docs/FOR_AI_ASSISTANT.md を agent が読めば、AI に必要な情報はほぼ揃っている
  clang AST 由来の API インデックス + 作例 + 落とし穴集。学習データに頼らないので嘘をつかない
• ビルド・実行も AI が trusscli を叩くだけ
  trusscli new → 実装 → trusscli run のループを AI が自律で回せる
• 「ビルドが通った」で終わらせない — 実行して確認するところまで AI にやらせる
  それを可能にするのが次ページの MCP

Agentic Coding × MCP

• アプリ自体が MCP サーバーになる — AI が実行中のアプリに直接接続
• 標準ツール: スクリーンショット / ヘルスチェック（fps・メモリ） / ノードツリーの読み取り / 録画
• mcp::registerControlTools() でマウス・キー入力の注入も解禁
  → 特定の操作手順を AI が再現してデバッグできる
• mcp::tool() で自作ツールも生やせる

$ TRUSSC_MCP=1 ./myApp

「キューブの照明をいい感じにして」→ AI が編集・ビルド・実行して確認

録画機能 — ffmpeg 不要、ネイティブエンコーダ

• startRecording("out.mp4") / stopRecording() — 画面をそのまま動画に
• startRecording(fbo, "clean.mp4") — GUI 抜きのクリーンな絵を Fbo から録画
• VideoWriter — 任意フレームをタイムスタンプ付きで書き出し
• コーデック: H.264 / HEVC / ProRes、長さ指定で自動停止も

void tcApp::keyPressed(int key) {
    if (key == 'R') {
        if (isRecording()) stopRecording();
        else startRecording("out.mp4");
    }
}

AnchorBolt

kiosk 端末・展示機などで、置きっぱなしのアプリを安定稼働させるコマンドラインツール

github.com/tettou771/anchorbolt

ローカル機能 — サーバなしで完結、アプリ側のコード変更ゼロ

サーバ接続 — 離れた場所から全台を見る

• ログ・ヘルス・サムネイルをサーバへ集約（回線断に強く、復帰後に続きから送る）
• クラッシュ・ハング・無音停止を Slack / Discord などに通知
• リモート更新 — git pull + ビルド、失敗したら自動ロールバック
• ライブビュー + ブラウザから遠隔操作（許可した場合のみ）
• サーバ自体も MCP エンドポイント — AI がログ検索・スクショ取得・再起動

構成

TrussC アプリは MCP に対応しているので、アプリの追加変更なしで実現している

The Wall live

anchorbolt.tettou771.cloud を新しいタブで開く ↗

環境構築

1. CMake をインストール

   $ brew install cmake    # Windows: winget install Kitware.CMake

2. TrussC を clone

   $ git clone https://github.com/TrussC-org/TrussC

3. trusscli (ProjectGenerator) をビルド

   $ TrussC/tools/build_mac.command    # Windows: build_win.bat / Linux: build_linux.sh

4. docs/FOR_AI_ASSISTANT.md を AI に読ませる

   # プロンプト例
   TrussC/docs/FOR_AI_ASSISTANT.md を読んでから作業して

trussc.org  |  github.com/TrussC-org/TrussC

Workshop リポジトリを clone

$ git clone https://github.com/tettou771/TrussC-Workshop

• 0-graphics — 基本図形、fill / stroke、パス
• 1-mouseKey — マウス & キー入力でお絵かき
• 2-mathGenerative — sin / cos / noise でジェネ絵
• 3-tween — Tween アニメーション
• 4-nodeSystem — Node システム

…他、基本 API のレクチャー多数！

ProjectGenerator — 新規作成

1. フォルダを選択（D&D でも可）
2. プロジェクト名を書く
3. IDE を選択
4. Generate をクリック
5. Open in IDE をクリック

ProjectGenerator — 既存のプロジェクト

1. プロジェクトを選択（またはドラッグ&ドロップ）
   例) 0-graphics をドラッグ&ドロップ
2. IDE を選択して Update
3. Open in IDE

trusscli を使う場合

# create a new project
$ trusscli new myApp

# build & launch
$ cd myApp
$ trusscli run

# regenerate build files
$ cd 0-graphics
$ trusscli update

# build & launch
$ trusscli run

AI エージェントに任せる場合も、AI がこのコマンドを叩く