ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

AR Vectary 3DCG オンラインWebアプリ Chromebook AR

Chromebookでは使えなかったオンライン3DCG Webアプリ「Vectary」がChromebookのChromeでも使えるようになったので、スマホで楽しめるARコードを生成してこの記事に埋め込んでみたので紹介します。

はじめに

ブラウザー上で手軽に使えるオンライン3DCG Webアプリ「Vectary」に、SketchfabにアップロードしていたDAZ Studioで制作した女性モデルの3DCG作品をglTFでダウンロードしてインポート後にレンダリングした記事は以下です。

この時は、Linux上のChromeで行いましたが、今回はChromebookのChromeブラウザー上で行って、WebARコードを生成して、この記事に埋め込んでARCore対応のAndroidスマートフォン(Motorola Moto Z2 Force)で表示してみたので紹介します。

事前テスト

DAZ Studioの女性モデルは高解像度の3DCGなので、低スペックのChromebookには処理が重いので、先ずは処理が軽いガラステーブルで試しました。

IMG 20200511 182259 649x1024 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

AR対応のスマートフォンで以下の記事を開くと、ARの操作ができます。

このWebAR Viewerに内蔵の録画機能で.mp4で録画した映像をYouTubeにアップしたものが以下です。

スマホでAR?ChromebookのVectary(オンライン3DCG Webアプリ)でガラステーブルをAR化?!

DAZ Studioで作った3DCG女性モデルをAR化

以前に、DAZ Studioで作った3DCG女性モデルをSketchfabにアップロードしていたものをダウンロードして、Vectaryに読み込んでAR化してみました。

★ 私の場合は、Vectaryは有料のPremiumを契約していますが、無料版は以下の作業には対応していないと思われますが・・・

Screenshot 2020 05 11 at 17.15.46 1024x576 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Screenshot 2020 05 11 at 17.16.14 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

右上の「Viewer」をクリック。

Screenshot 2020 05 11 at 17.51.32 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

3DCGモデルが高解像度で処理が重いので、できるだけ処理を軽くするために「Quality」の「Textures」を1024pxに、「Baking」をNoneにしました。

Generate」をクリック。

Screenshot 2020 05 11 at 17.52.52 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Screenshot 2020 05 11 at 17.54.16 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

ファイルサイズが大きすぎるという警告が表示されましたが「I’ll Try Anyway」をクリックして強行しました。

Screenshot 2020 05 11 at 17.55.43 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Screenshot 2020 05 11 at 17.59.56 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Screenshot 2020 05 11 at 18.01.14 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Screenshot 2020 05 11 at 18.01.30 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

ブログに埋め込むコードをコピーして記事に貼り付けました。

AR対応スマートフォンで開きます。

Screenshot 20200511 182349 576x1024 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

右上のARアイコンをタップ。

Screenshot 20200511 182404 576x1024 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

周囲のスペースに表示する」をタップして、床の上を撫でます。

Screenshot 20200511 182440 576x1024 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!

二本指でズームして拡大します。手前の床を左右にスワイプすると回転、モデル上でスワイプすると移動できます。

下の中央の丸いボタンをタップするとスクリーンショット、長押しすると録画ができます。録画ファイルは.mp4形式になります。

スマホでAR?DAZ Studio 3DCG女性モデルをVectaryでAR化?!

まとめ

DAZ Studioのようなフォトリアルなモデルでは処理が重く実用的ではありません。できるだけ処理を軽くするために、低ポリゴン数のモデルを使うと良いと思います。

Vectaryではアニメーションが扱えないので、アニメーションするARの場合は別の3DCG/VRアプリを使う必要がありますが、Chromebookでは仮想WindowsやLinuxなどを使うことになります。

既存の3DCGモデルを使って、アプリで簡単にARを楽しむには「Sketchfab」モバイルアプリ(Android / iOS)がオススメです。

29e619cd86ad383c9f6cc1010a83d25c - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
SketchfabでARを体験しよう! 操作方法を解説! | モデログ
Sketchfabがいつの間にかAR対応している!!ということで、本日はSketchfabで3DモデルをAR表示する方法を解説します。 そもそもSketchfabって? Sketchfabは3Dデータのアップロード・閲覧・共有ができるwebサービス。自分が作ったデータはもちろん、世界中のクリエイターの作品を見ることがで...
140be57a2478badfbd75c66cc0c67174 - ChromebookでAR?オンライン3DCGアプリ「Vectary」でWebARを試してみた?!
Sketchfab、Android ARCoreのサポートを導入
Sketchfab、Android ARCoreのサポートを導入 新しいアプリはSketchfabの拡張現実とバーチャルリアリティの2億のCGモデルのライブラリをAndroidユーザーにもたらします。 Sketchfab、Android ARCoreのサポートを導入...

機会があれば、私がアップロードしているモデルで試してみたいと思います。

ではでは、きらやん

(Visited 19 times, 1 visits today)

コメント