Repo-lab
クリエイティブ

Aholo Viewerとは?3DGS高速レンダリングTypeScript実装と使い方

⭐ 798 stars GitHub →

Aholo Viewerは3D Gaussian Splatting(3DGS)とメッシュの高性能レンダラーです。Chunked Streaming LoDで巨大な3DGSファイルを効率的に処理し、npm経由でWebアプリに組み込めます。Astroサイトのプレイグラウンドで即座に動作確認できます。

GitHubリポジトリ: manycoretech/aholo-viewer(⭐ 798)


Aholo Viewerの概要 — 3D Gaussian Splattingとは

Aholo Viewerは3D Gaussian Splatting(3DGS)技術を高速レンダリングするTypeScript製のオープンソースライブラリです。Chunked Streaming LoDスキーマにより、巨大な3DGSファイルをメモリ効率よく分割ストリーミング処理します。npmパッケージ(@manycore/aholo-viewer)として提供され、WebアプリケーションやAstroサイトに組み込み可能です。英語・中国語の両ロケールに対応したドキュメントサイト(aholojs.dev)とインタラクティブプレイグラウンドも提供しています。⭐798を集めた3DGS分野注目のリポジトリです。

3D Gaussian Splatting(3DGS)は、数千万〜数億のガウス分布点群から高品質な3D場面を復元・描画する最新技術です。NeRFの後継として注目を集め、スマートフォンで撮影した写真群から現実感の高い3Dシーンを即座に生成できます。Aholo Viewerはこの3DGSをブラウザで高速表示する実用的なライブラリです。


3D Gaussian Splatting ブラウザ レンダリング TypeScript — Chunked Streaming LoDの仕組み

Aholo Viewerの最大の特徴は**Chunked Streaming LoD(Level of Detail)**スキーマです。

巨大な3DGSデータセットを小さなチャンクに分割し、カメラ距離に応じて精度(LoD)を動的に切り替えながらストリーミング読み込みします。これにより:

  • 数GB規模の3DGSファイルもスムーズに表示
  • 最初のフレームが素早く描画(ユーザー体験向上)
  • メモリ使用量を常に最適な状態に維持

WebGPUとWebGLの両方で動作し、モバイルブラウザでも高い互換性を発揮します。


3DGS npm ライブラリ Web 使い方 — セットアップと基本的な使い方

npmパッケージとして使用します。

# インストール
npm install @manycore/aholo-viewer

# 開発サーバー起動(リポジトリクローン後)
git clone --recurse-submodules https://github.com/manycoretech/aholo-viewer.git
cd aholo-viewer
pnpm install
pnpm dev

公式マニュアル(https://aholojs.dev/en-US/manual/getting-started/)とjsFiddleのデモも参照してください。

npmパッケージとして使用する場合

import { AholoViewer } from '@manycore/aholo-viewer';

// 基本的な使用例(公式ドキュメント参照)
const viewer = new AholoViewer({
  canvas: document.getElementById('canvas'),
});
viewer.load('your-3dgs-file.splat');

詳細な使用例は公式マニュアルjsFiddleデモを参照してください。


Aholo Viewer の活用例

活用例1: 不動産会社のWebエンジニアが3DGSで撮影した物件モデルをブラウザ上に高速表示するWebビューアを実装するケース

活用例2: ゲーム・XR開発スタジオのエンジニアが3D Gaussian Splattingアセットをリアルタイムにストリーミング配信するケース

エンジニアが得られる価値

3DGS/NeRFなどの空間AI技術をWebアプリに組み込みたいフロントエンドエンジニアやXR開発者。TypeScript/npm環境があれば始められます。

AIコーディングエージェント連携も充実しており、docs/ai/skills/use-aholo-viewer/SKILL.mdを使えばClaudeやCodexにAholo Viewerの統合を依頼できます。


Aholo Viewerの主要機能まとめ

機能 内容
対応フォーマット 3DGS(.splat)+ メッシュ
LoD Chunked Streaming LoD
フレームワーク TypeScript・npm
サイト Astro + 英語/中国語ロケール
プレイグラウンド ブラウザ内即時実行

まとめ — Aholo Viewer はこんなエンジニアにおすすめ

Aholo Viewerは3D Gaussian Splattingのウェブ表示を手軽に実現するTypeScript製ライブラリです。空間AI・XR・不動産・デジタルツイン分野でのWeb 3DGS表示ニーズに応えます。npmで簡単導入できるため、3DGSに興味を持つWebエンジニアや研究者に強くおすすめします。

  • ✅ 不動産・観光・文化財などのWeb 3DGS表示を実装したいエンジニア
  • ✅ 3DGSやNeRF技術をWebに組み込みたいXR/グラフィックスエンジニア
  • ✅ 巨大3DGSデータをストリーミング配信したいサービス開発者

関連ツール・おすすめサービス

  • Vercel — Aholo Viewerを使ったWebアプリのデプロイに最適なフロントエンドクラウドプラットフォーム
  • DigitalOcean — 3DGSアセット配信サーバーのセルフホストに最適な開発者向けクラウド

この技術を学ぶ

クリエイティブ技術に興味を持った方には、Udemyのオンラインコースもおすすめです。

毎日更新のGitHubツール情報

LINEで受け取って最新情報をキャッチアップしよう

友達追加する(無料)

関連記事

この記事が役に立ったらシェアしてください