Repolode
投稿する
raph651

raph651/open-source-canvas

ローカルのComfyUIサーバー上で実行するワークフローにプロンプト、参照画像、モデルをつなぎ、画像や動画を生成できるオープンソースのノードキャンバス。

GitHub で見る
スター
143
フォーク
37
未解決の Issue
0
最終コミット
7 日前

これは何？

Open Source Canvasは、画像や動画を生成するノードベースのスタジオです。無限に広がるボードにプロンプト、参照画像、モデルをノードとして配置して線でつなぎ、生成された画像や動画クリップを出力として受け取れます。フロントエンドはReact、Vite、React Flowで構築されており、生成処理は行いません。すべての処理はHTTPとWebSocketのAPIを通じてComfyUIサーバーに送られます。

そのまま実行できるローカルモデルは、画像生成用のSD-Turboと動画生成用のLTX-Video 2Bです。LTX-2.5やSeedream 5.0 Proなどのホスト型モデルはComfyUIのパートナーノード経由で表示されますが、キャンバスから直接生成する機能はまだ接続されておらず、明確なメッセージとともに失敗します。ボードはブラウザー内にプレーンなJSONとして保存され、自動保存、バージョン履歴、エクスポートに対応しています。

このプロジェクトには、サンプルやテンプレートのボードを掲載したスタジオのホーム画面、プロンプト、参照画像、モデル、解像度、seedを設定できるノードごとの生成コントロール、画像から画像・動画への連続生成機能、任意で利用できるWebSocketコラボレーションルームが含まれます。本番サーバーモードではComfyUIへのリクエストをプロキシし、訪問者ごとに出力を分離します。

主な機能

  • 01型付き接続、Undo/Redo、グループ化、コピー＆ペーストに対応した無限ノードキャンバス。
  • 02プロンプト、参照画像、モデル、解像度、アスペクト比、長さ、seedを設定できるノードごとの生成パネル。
  • 03上流ノードの画像を次のノードに渡す、画像から画像・画像から動画への連続生成。
  • 04ローカルのComfyUIサーバー上で動作し、デフォルトモデルとしてSD-TurboとLTX-Video 2Bを使用。
  • 05ボードをプレーンなJSONとして保存し、ローカルでの自動保存、バージョン履歴、エクスポートに対応。
  • 06WebSocket経由でボードを同期する、任意で利用できるコラボレーションルーム。

ユースケース

  • 自分のマシン上で、プロンプトから画像や短い動画シーケンスを試作する。
  • 画像生成を画像から動画への生成につなぎ、ストーリーボードやモーションのテストを行う。
  • 出力をユーザーごとに分離しながら、複数人で共有のComfyUIインスタンスを利用する。

クイックスタート

  1. 1

    リポジトリをクローンし、アプリの依存関係をインストールします

    git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install
  2. 2

    ComfyUIをセットアップし、デフォルトのモデルをダウンロードします（またはREADMEの手動手順に従います）

    ./scripts/setup-comfyui.sh --with-video
  3. 3

    アプリを開発モードで起動し、http://127.0.0.1:4173 を開きます

    npm run dev

使う前に知っておきたいこと

  • アプリと並行して、ローカルのComfyUIサーバーを起動しておく必要があります。
  • LTX-Video 2Bは、デフォルト設定で約24 GBのユニファイドメモリまたはGPUメモリを必要とします。
  • SeedreamやLTX-2.5などのAPIモデルは、現時点ではキャンバスから生成できず、カスタムラッパーが必要です。
  • 一部のモデルの重みに制限の厳しいライセンスが適用されます。たとえば、大企業向けのLTX-2.5のライセンスや、MiniMax H3のコミュニティライセンスがあります。

収録されている特集

AI 動画生成AI 動画・音声ツールAI画像生成ツールとStable Diffusionプロジェクト

トピック

#comfyui#image-generation#video-generation#stable-diffusion#node-editor#react-flow#ai-art#typescript

よくある質問

open-source-canvas とは？
ローカルのComfyUIサーバー上で実行するワークフローにプロンプト、参照画像、モデルをつなぎ、画像や動画を生成できるオープンソースのノードキャンバス。 Open Source Canvasは、画像や動画を生成するノードベースのスタジオです。無限に広がるボードにプロンプト、参照画像、モデルをノードとして配置して線でつなぎ、生成された画像や動画クリップを出力として受け取れます。フロントエンドはReact、Vite、React Flowで構築されており、生成処理は行いません。すべての処理はHTTPとWebSocketのAPIを通じてComfyUIサーバーに送られます。
open-source-canvas は無料で使えますか？ライセンスは？
open-source-canvas は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
open-source-canvas は今もメンテナンスされていますか？
活発にメンテナンス中。open-source-canvas の最終コミットは 2026年11月1日 です。
open-source-canvas は何に使えますか？
自分のマシン上で、プロンプトから画像や短い動画シーケンスを試作する。 画像生成を画像から動画への生成につなぎ、ストーリーボードやモーションのテストを行う。 出力をユーザーごとに分離しながら、複数人で共有のComfyUIインスタンスを利用する。
open-source-canvas のインストール方法は？
リポジトリをクローンし、アプリの依存関係をインストールします: git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install ComfyUIをセットアップし、デフォルトのモデルをダウンロードします（またはREADMEの手動手順に従います）: ./scripts/setup-comfyui.sh --with-video アプリを開発モードで起動し、http://127.0.0.1:4173 を開きます: npm run dev
open-source-canvas はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/raph651/open-source-canvas

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト