Looking Glass Musubi用 3Dモデル動画作成アプリ

English Version


info このアプリについて

本アプリは、GLB / GLTF / FBX形式の3DモデルからLooking Glass社のフォトフレーム「Musubi」向けの回転・往復動画を作成するWEBアプリです。ブラウザ上で完結するため、インストール不要でPC・Macどちらでも利用できます。

💡 Musubiの仕組み： 「Musubi」は、3Dフレームに見せるレンチキュラーシートの上に透明LCDを重ねて、そこに2Dの動画を再生するフォトプレーヤーです。動画の明度の高い部分は透過して背後の3Dフレームが透けて見えるため、2D動画があたかも3Dのように見えるという仕組みです。

star 主な特長

  1. Musubi最適化の解像度で動画保存： 縦長576×1024ピクセル固定でmp4を書き出すため、そのままMusubiで再生できます。
  2. 背景色を自由に設定： 3Dモデルの背景色をお好みの色に変更できます。明度の高い色ほど3Dっぽく見えます（Musubiの透過LCDがより多く透けるため）。
  3. 4種類の自動アニメーション： 水平回転・水平往復・垂直往復・楕円回転から選んで、モデルを自動的に動かしながら録画できます。
  4. USB転送するだけで再生： 保存した動画ファイル（.mp4）は、USB接続したMusubiに転送するだけで自動的に再生されます。

file_open 3Dモデルの開き方

以下のいずれかの方法でモデルを読み込めます：

  1. ツールバーの一番左にあるフォルダアイコン folder_open を押し、メニュー内の「3Dモデルを開く」からファイルを選択する。
  2. 3Dモデルファイルをブラウザ上に直接ドラッグ＆ドロップする。

対応フォーマット： .glb / .gltf / .fbx

📂 複数ファイルの鑑賞: どちらの方法でも複数のファイルを同時に選択可能です。複数開いた場合は、ツールバーの arrow_backarrow_forward（前へ／次へ）ボタンでモデルを切り替えられます。

touch_app マウス・タッチの操作

操作マウスタッチ
視点の回転ドラッグスクロール（1本指）
視点の平行移動右ドラッグ2本指スクロール
拡大 / 縮小ホイール回転ピンチ（つまむ）
UI表示の切替クリックタッチ

※ツールバーを素早く表示/非表示にするには、画面上をクリックまたはタッチしてください。右下の tune ボタンでも表示/非表示を切り替えられます。

apps ツールバーの機能

アイコン機能
folder_open ファイル 「3Dモデルを開く」（複数選択可）。
palette 背景色 カラーピッカーで自由に背景色を選べるほか、 のプリセット（初期色／白／グレー／黒／グリーンスクリーン／ブルースクリーン）をワンクリックで選択できます。選んだ色は次回起動時も記憶されます。
arrow_back / arrow_forward 複数ファイルを開いているときに、前後のモデルへ切り替え。
fullscreen Full フルスクリーン表示のON/OFF。
play_arrow 自動再生 「水平回転」「水平往復」「垂直往復」「楕円回転」の4種類のカメラアニメーションと「停止」を選択。
radio_button_checked 録画 録画の開始／停止。詳細は次章「動画の保存とMusubiへの転送」を参照。

movie 動画の保存とMusubiへの転送

📼 Musubiでの再生方法： 保存した.mp4ファイルを、USB接続したMusubi本体に転送するだけで再生できます。特別な変換作業は不要です。

keyboard キーボード操作

Enterフルスクリーン切替
A自動アニメーションの切替（水平回転→水平往復→垂直往復→楕円回転→停止）
Space次のファイルに切り替え
Back Space前のファイルに切り替え

gavel 技術情報とライセンス

本アプリケーションは Three.js を使用して開発されています。
Three.js License (MIT):
Copyright © 2010-2026 three.js authors.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files...