PROJECT Case 11

2023/2/27~28

Event: City-Tech.Tokyo 2023

Technologies: AR, Monocle Prime

City-Tech.Tokyo
【3Dホログラムを Looking Glassで表示】

Primeでスキャンした3DモデルをLooking Glassで表示

スチームパンクデジタルは、2月27日~28日に東京国際フォーラムで開催された大規模なテックイベントCity-Tech.Tokyoに出展しました。
 
会場では、現在開発中のiPhone用3DスキャンアプリケーションMonocle Primeを紹介しました。
 
参加者の注目を集めるため、展示にはLooking Glassを使用し、Monocle Primeでスキャンした3Dモデルを3DホログラムとしてLooking Glassに表示しました。その手順を紹介します!

Looking Glass用のキルトをダウンロード

Looking Glass Portraite

Looking Glassは、Looking Glass Factoryが開発した裸眼で見ることができる3Dホログラムディスプレイです。3DCGやアニメーション、スマートフォンのポートレートモードや深度情報を記録できるカメラアプリで撮影した2D写真も3Dホログラムの表示が可能です。

City-Tech.Tokyoのイベントでは、Looking Glassを使った3Dホログラムで映し出された3Dモデル3点を展示しました。

展示した3つのサンプルをダウンロードして、Looking Glassで3Dホログラムを楽しんでください!

チュートリアル: Looking Glassにモデルを表示する

Step 1 : PrimeアプリからGalleryに移動

– Monocle Primeを起動し、3Dモデルを選択

– 3Dビューワーで右上のメニューを選択し、’Monocle Galleryで開く’をタップします。

Step 2 : Galleryから3Dモデルを書き出す

-Galleryで、GLBをダウンロードするボタンをクリック

画像をクリックすると拡大します

Step 3 : Blenderセットアップ

– .glbをblenderにインポート

– ライティング用のHDRI環境テクスチャをセットアップする

画像をクリックすると拡大します

Step 4 : ターンテーブルアニメーションを作成

– 3Dモデルを選択し、アイテムタブをクリック

– ドロップダウンメニューを使用して、オブジェクトの回転をXYZオイラーに変更

– Z軸の入力欄を選択し、「#frame」と入力

– 続いて、「2piframe/60*2/9」を使って、オブジェクトの回転速度を設定

画像をクリックすると拡大します

Step 5 : Looking Glassアドオン

– Looking Glass blenderアドオンをダウンロードし、有効にする

– レンダーカメラを設定し、3Dモデルをクリップ開始とクリップ終了の範囲に配置

– カメラのX軸を67.4°に回転させる

– 被写体を部分的に切り裂くように焦点面を調整

Step 6 : レンダー

– アドオンを開き、Alice/LG Addonを選択。ドロップダウンを開き、シングルビューカメラモードからマルチビューに切り替える

– Looking Glassアドオンパネルからアニメーションキルトをレンダリングする

– これにより、1フレームあたりオブジェクトの48ビューをつなぎ合わせた一連のPNGレンダリングが生成

Step 7 : ビデオをエンコード

レンダリングした画像をblenderやAfter Effectsで合成して動画ファイルにする。

動画のエンコード設定は;

– WebM 

– vp9 Code

 

Note
  • Blenderレンダリングで生成されたものと同じファイル名の拡張子を維持する(例:qs8x6a0.75)
  • Premiereは画像列を認識しなかった
  • AfterEffectsで画像列を.movファイルに変換し、HandBrakeで.movを.webmフォーマットに変換

Step 8: Upload to Looking Glass

–  looking Glass Studioを開く

– Looking GlassデバイスがPCに接続されていることを確認する

– webMファイルを’ホログラムを追加’エリアにドラッグ

– プレイリストをクリックすると’Hologram on Looking Glass’が保存される

Monocle Primeの3DモデルをLooking Glassで表示

参考リンク

After Effectsで画像シーケンスを読み込む:

Looking Glass公式チュートリアル:

その他プロジェクト

kyushu01
ARProjects
#AR

九州大学 藤淵研究室【X-SERVE VD】

doublesworld01
Projects

Double S World【DX Project】

xmeet01
Projects
#AR#Xmeet#XR

paralreal【Xmeet ARとホログラフィックコミュニケーションプロジェクト】

hasami01
Projects
#AR#Photogrammetry

わんこうぼう【波佐見焼3D化プロジェクト】

hankyu
Projects
#3D Scanning#AR

博多阪急 【2021 ドールハウスフェア (スチームパンク)】

museum
Projects
#AR#Monocle SS

福岡市博物館【おうちDE楽しめる3D福岡市博物館】

CONTACT

お気軽にお問い合わせください。

SteamPunk Digital, Co. Ltd.

814-0001 福岡県福岡市早良区百地浜3-8-33 7F-705

092-984-6874​