Repolode
投稿する
protectwise

protectwise/troika

Three.jsを基盤とする、ブラウザー向けのインタラクティブな3D/WebGL・2Dデータ可視化用JavaScriptツールキット兼フレームワーク。

GitHub で見る
スター
1,986
フォーク
160
未解決の Issue
94
最終コミット
4 日前

これは何？

Troikaは、ブラウザーでインタラクティブなグラフィックスを構築するためのJavaScriptツール集です。特に3D WebGLレンダリングとデータ可視化に重点を置き、シーン管理やインタラクションなど、よく必要になる一方で手作業では扱いにくい領域を対象としています。

プロジェクトは2つの要素で構成されています。リッチなインタラクションと高いパフォーマンスを備えたシーン全体を管理するフルフレームワークと、そのフレームワークに依存しない、Three.js向けの単独で使えるツール群です。ドキュメントには、3D棒グラフ、地球儀上の接続表示、レイヤー構造のタイムライン、3Dテキストレンダリング、GPUインスタンシングなどの例が掲載されています。

TroikaはJavaScriptで書かれており、Three.jsとWebGLを基盤としています。トピックにはWebXRとcanvasも挙げられており、これらのブラウザー向けグラフィックスAPIにも対応しています。

主な機能

  • 01インタラクティブな3Dシーンを管理するフルフレームワーク
  • 02フレームワークなしで使えるThree.js向けの単独ツール
  • 033Dテキストレンダリング
  • 04GPUインスタンシングに対応
  • 053D棒グラフ、タイムライン、地球儀の可視化例

ユースケース

  • ブラウザーでインタラクティブな3D棒グラフや地球儀ベースのデータ表示を構築する
  • WebGLシーンでテキストやラベルをレンダリングする
  • 大規模なThree.jsシーンにGPUインスタンシングを使ったオブジェクトを追加する
  • レイヤー構造のタイムラインや脅威グラフ風の可視化を作成する

収録されている特集

データサイエンスの教材とツール

トピック

#webgl#threejs#data-visualization#3d#graphics#javascript#canvas#javascript-framework#webxr

よくある質問

troika とは？
Three.jsを基盤とする、ブラウザー向けのインタラクティブな3D/WebGL・2Dデータ可視化用JavaScriptツールキット兼フレームワーク。 Troikaは、ブラウザーでインタラクティブなグラフィックスを構築するためのJavaScriptツール集です。特に3D WebGLレンダリングとデータ可視化に重点を置き、シーン管理やインタラクションなど、よく必要になる一方で手作業では扱いにくい領域を対象としています。
troika は無料で使えますか？ライセンスは？
troika は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
troika は今もメンテナンスされていますか？
活発にメンテナンス中。troika の最終コミットは 2026年11月2日 です。
troika は何に使えますか？
ブラウザーでインタラクティブな3D棒グラフや地球儀ベースのデータ表示を構築する WebGLシーンでテキストやラベルをレンダリングする 大規模なThree.jsシーンにGPUインスタンシングを使ったオブジェクトを追加する レイヤー構造のタイムラインや脅威グラフ風の可視化を作成する
troika はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/protectwise/troika

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

関連プロジェクト