IIIF VR ビューア：WebXR + A-Frame で文化資源を原寸大で体験する
はじめに IIIF（International Image Interoperability Framework）で公開されている文化資源の画像を、原寸大で体験できたら面白いのではないか。そんな発想から、江戸時代の町家を再現した VR 空間に IIIF 画像を配置し、ブラウザや VR ヘッドセットで閲覧できるビューアを開発しました。 技術スタックは A-Frame 1.5.0 + THREE.js 0.158.0 + WebXR。3D モデルは Sketchfab で公開されている Japanese Machiya Set Kit をベースに、部位ごとに分割して組み合わせています。 この記事では「うまくいったこと」だけでなく、ハマった失敗とその原因・修正も正直に書きます。 プロジェクト概要 項目 内容 レンダラー A-Frame 1.5.0 / THREE.js 0.158.0 XR WebXR (VR ヘッドセット対応) 画像規格 IIIF Presentation API v3 / Image API v2 3D モデル Sketchfab: Japanese Machiya Set Kit (GLB) アバター VRM + Mixamo リターゲット 補助ライブラリ three-vrm v2, aframe-extras ツール gltf-transform, Blender CLI 部屋の設計 部屋のサイズは TAT_SZ = 1.76 m（江戸間の畳 1 枚の短辺）を基準単位にしています。畳・壁・障子・天井・提灯をパーツとしてタイル状に並べることで、IIIF 画像のサイズに応じて柔軟に部屋サイズを変更できる設計です。 ...