テキストプロンプトからプロトタイプ、スライド資料、アニメーション、インフォグラフィックを生成する、HTMLネイティブなAIコーディングエージェント向けデザインスキルです。
tixl3d/tixl
TiXLは、ノードベースのプロシージャルグラフィックスとキーフレームアニメーションを組み合わせた、オープンソースのリアルタイムモーショングラフィックスツールです。
代替できる製品:TouchDesigner
Adobe After Effects
- スター
- 5,151
- フォーク
- 278
- 未解決の Issue
- 164
- 最終コミット
- 10 時間前
これは何?
TiXL(Tooll3としても知られています)は、リアルタイムモーショングラフィックスを制作するための無料のオープンソースアプリケーションです。リアルタイムレンダリング、グラフベースのプロシージャルコンテンツ生成、リニアなキーフレームアニメーションと編集の中間領域を対象としています。
アーティストは、音声に反応するVJビジュアルを作成したり、高度なインターフェースでパラメーターを調整したり、キーフレームアニメーションとオートメーションを組み合わせたりできます。テクニカルアーティストはフラグメントシェーダーやコンピュートシェーダーを記述でき、MIDIコントローラー、センサー、OSC、Spoutからの入力も取り込めます。色補正、スコープ、トーンマッピングにも対応しており、小さなスタンドアロン実行ファイルとして書き出すこともできます。
TiXLは現在バージョン4の開発中で、C#とDirectX 11を使用し、ImGuiベースのインターフェースを備えています。インストール手順、ドキュメント、チュートリアル動画はプロジェクトのWikiとYouTubeで公開されており、Discordではコミュニティでの議論が行われています。
主な機能
- 01ノードベースのプロシージャルグラフィックスとリニアなキーフレームアニメーションを組み合わせる
- 02VJやライブパフォーマンス向けの音声反応型ビジュアルに対応
- 03カスタムのフラグメントシェーダーとコンピュートシェーダーを利用できる
- 04MIDIコントローラー、センサー、OSC、Spoutからの入力を受け付ける
- 05色補正、スコープ、トーンマッピングを搭載
- 06小さなスタンドアロン実行ファイルとして書き出せる
ユースケース
- ライブイベント向けの音声反応型VJコンテンツの制作
- キーフレームのタイミングを使ったプロシージャルモーショングラフィックスの構築
- リアルタイムに結果を確認しながらのカスタムシェーダーのプロトタイピング
- MIDIコントローラーやセンサー入力を使ったビジュアルの制御
クイックスタート
- 1
リリースページからWindowsインストーラーをダウンロードします
- 2
Wikiのインストールガイドに従ってください
- 3
使い始めるには、ドキュメントを読むかチュートリアル動画をご覧ください
使う前に知っておきたいこと
- READMEのダウンロードリンクはWindows用の.exeを指しているため、他のプラットフォームではインストールガイドを参照してください。
- バージョン4は開発中と説明されているため、変更があることを想定してください。
トピック
よくある質問
- tixl とは?
- TiXLは、ノードベースのプロシージャルグラフィックスとキーフレームアニメーションを組み合わせた、オープンソースのリアルタイムモーショングラフィックスツールです。 TiXL(Tooll3としても知られています)は、リアルタイムモーショングラフィックスを制作するための無料のオープンソースアプリケーションです。リアルタイムレンダリング、グラフベースのプロシージャルコンテンツ生成、リニアなキーフレームアニメーションと編集の中間領域を対象としています。
- tixl は無料で使えますか?ライセンスは?
- tixl は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- tixl は今もメンテナンスされていますか?
- 活発にメンテナンス中。tixl の最終コミットは 2026年10月20日 です。
- tixl は何に使えますか?
- ライブイベント向けの音声反応型VJコンテンツの制作 キーフレームのタイミングを使ったプロシージャルモーショングラフィックスの構築 リアルタイムに結果を確認しながらのカスタムシェーダーのプロトタイピング MIDIコントローラーやセンサー入力を使ったビジュアルの制御
- tixl のインストール方法は?
- リリースページからWindowsインストーラーをダウンロードします Wikiのインストールガイドに従ってください 使い始めるには、ドキュメントを読むかチュートリアル動画をご覧ください
- tixl はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/tixl3d/tixl
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ライブプレビューとReactの全ソースを備えた、ログイン不要のThree.js/WebGL UIコンポーネントカタログ
React、Vue、Svelte、Solid、素のJavaScriptで使える、WebGPUシェーダーエフェクトのコンポーネント集。
アートスタイルのレシピや解説動画の文法をコード駆動のアニメーションに変換し、絵画や図解を動かすエージェントスキル。
動画生成モデルを使わず、コードだけで51種類のスタイルの短編映画を演出するClaude Codeスキル。
p5.jsとp5.brushを使い、ガイドに沿ってClaudeで手描き風のキャラクターアニメーションを作るスターターキット。