こんにちは。AgWORKS代表の増本修二です。

今日は、「自宅にいながら。移動中でも。お風呂の中でも。
いつでも・どこでも・何度でも、 体験できるWEB EXHIBITION」をおすすめしている、というお話しのその②です。

「WEB3D展示場」の特徴の一つに没入感がある、というお話を前回いたしました。

前回のブログ記事はこちら「WEB3D展示場をおすすめする理由①」

その没入感を持たせるためのUI,UXがあります。

それは「ウォークスルー」です。

3D空間内を自由に歩き回り、時には壁にぶつかり、時には階段をのぼる。その場にいるかのように自由に動き回るような体験を提供します。
これこそが、WEB3D展示場が、リアル展示場の代替となる大きな理由のひとつです。

さて、そんな「ウォークスルー」ですが、実は様々な操作方法があります。

・キーボードの上下左右キーで操作をする
PCの3Dのゲームでよく見られるケースです。
キーを押した分だけ動くので正確な操作ができます。ゲームのようにタイミングや距離などをシビアに動かしたい場合には有効な操作方法だと思います。
ただし、「キーボードの上下左右キーで操作する」という事に、慣れている一般ユーザは少ないのでは、と思う部分もあります。
慣れてしまえば確実な操作もできますが、この操作方法を提示した時点で離脱する可能性や、思う通りに操作できず、ストレスを与えてしまう可能性もあります。

・マウスドラッグで操作する
画面上をドラッグして移動するケースです。
パソコンの画面をドラッグするだけで操作ができるので、そのまま直感的に動かすことができます。
ただし、ドラッグして動かす、という操作はそれほど一般的ではないので、ヘルプ画面やHow to画面など、ローディング画面等で表示して、操作方法を説明する、などの施策が必要です。

・コントーローラーを表示する
画面内に表示したコントローラーで操作するケースです。
画面内に表示されるので、直感的に、「ああこれで移動するのか」と思わず試してみたい気持ちになると思います。
iPhone、iPadやAndroidなど、スマートフォン、タブレットといったキーボードのないデバイスの場合でも操作できる様になります。
ただし、画面内にコントローラーを配置する、ということは少なからず画面を占有してしまうので、没入感、という部分ではその分マイナスになります。また、実際のキーボードとは異なるため、ユーザーに確実に操作してもらうためにはそのデザイン、サイズも慎重に、いくつかのケースを踏まえて開発する必要があります。

と、各種実装方法があるウォークスルーですが、あとはユーザー層、ターゲットに合わせて方式を選び、必要な代替案や補足するUIなどを開発することで、ユーザーにとって最適なUI/UXを提供できるのでは、と考えます。

…AgWORKSではウォークスルーについても各種開発実績があります。
「ウェブ上で歩き回れるコンテンツを作りたい」そんな時は是非一度、お問い合わせください。

お問い合わせはこちらから
http://www.ag-works.com/contact/

そんな没入感を生む、WEB3D展示場開発プラットフォームについてはこちらから
http://www.ag-works.com/service/web3d_exhibition/

こんにちは。AgWORKS代表の増本修二です。

今日は、「自宅にいながら。移動中でも。お風呂の中でも。
いつでも・どこでも・何度でも、 体験できるWEB3D EXHIBITION」をおすすめしている、というお話しです。

新型コロナウィルスの影響で、展示会、イベントが軒並み中止になる中、ウェブによる代替開催のご相談を多くいただきます。

これからどう改善されるかわからないこの状況、少しでも経済活動を、と考えたときに、ウェブでの展示会はとてもよい手段の一つだと思います。

しかし、ウェブ展示、と言っても何をするの？普通のウェブサイトと変わらないんじゃ？

そう思われる方に強くお勧めしたいのが、WEB3Dを使った「WEB3D EXHIBITION」です。

「少しでも現実に近づけ、現実にはできないことをする。」

展示会で作られるいろんなブースデザイン。それをWEB3Dで作ってしまう。

WEB3Dの空間なら、イベントスペースに制限はありません。

自由に、何の制約もなく、好きなデザインで、好きなスケールでブースの設置が可能です。

そしてそこを自由に回遊、歩き回ることで少しでも「展示会らしさ」の体験を提供、没入感を持たせることで「今これが特別なコンテンツなのだ」とユーザーに意識させる。そんなリアルな体験を提供します。

そして、WEB3D EXHIBITIONはそれだけではありません。ここに、WEBならではの施策をします。

例えば
「WEB3Dでつくったブースは、アクセスするたびに形を変える」

リアルな展示場であれば、何度訪れてもブースのデザイン、展示内容が変わることありませんよね？それがWEB3Dで作ったブースなら、アクセスしたユーザーの行動から、展示内容を次々に変えて、常に最適な表示をする、なんてことが可能になります。

例えば「A」という展示があったとします。

あるユーザーはその「A」に興味をもち、何度もその「A」を閲覧、体験しています。

WEB3Dのブースは、アクセスログとしてそのデータを保持します。
そして次回のアクセス時。そのデータを元に、「A」に関連する「B」、また類似する展示「A2」を、次のアクセス時に触りやすい、わかりやすい場所に設置する。

と、展示をインタラクティブに変化させる事で、アクセスユーザーに常に興味を持たせる、そんなことが可能になります。

…いかがでしょうか。ウェブならではの展示、WEB3Dならではの展示のメリット、ご提案できる仕組みはまだまだあります。
また次回以降、ご紹介して参ります。

WEB3D展示場開発プラットフォームについてはこちらから
http://www.ag-works.com/service/web3d_exhibition/

AR Quick Lookサンプルページ制作しました！

※※※※※※※※※※※※※※※※※※※※※※※

http://www.ag-works.com/tech/tech-quicklook/

※※※※※※※※※※※※※※※※※※※※※※※

AR、といっても実際使ってみないと良さも、活用アイデアも浮かびませんよね。

お時間のある時にでもおためしください。

①上記ページにiPhoneまたはiPadにてアクセスし、
・CAR MODEL
・ARCHITECTURE
・HUMAN MODEL
いずれかの「AR Quick Lookをみる」をタップ

②3Dが表示されたら多面上部ボタンの「AR」をタップ

③空間把握のためiPhone/iPadを上下左右に動かします

すると現実空間にARオブジェクトが現れます！

いろんな角度から見たり、近づいてでティールを見たり、拡大・縮小してみたり。自由に閲覧ください。

ARCHITECTUREの場合はウォークスルー的な使用もできます。

コンテンツ制作のアイデア、ヒントとして是非！

尚、閲覧にはiOS12以上のiPhone 6s以降、iPad Pro、iPad第5世代以上が必要です。

3DパーツをCMSの様に管理して、大量にARが作れるサービス「だれでもシミュレータ」
組み合わせをシミュレーションし、その結果をそのままARに変換します！

だれでもシミュレータ
https://daredemo-3dsim.com

★★★★★★★★★

こんにちは。代表の増本修二です。

iOS12のARkit2でAR Quick Look作ってみたので、改めてARと、AR Quick Lookについてまとめてみました。
以下ご参照ください。

ー

AR Quick Look サンプルページはこちら
http://www.ag-works.com/tech/tech-quicklook/

ー

AR営業ツール制作サービスはこちら
http://www.ag-works.com/service/service-ar/

ー

【ARとは】
Augumented Realityの略で、拡張現実と呼ばれています。

・空間認識型AR
空間内の色差を測り、空間全体をを把握して
現実のサイズとして表示する（今回のパターン）タイプがあります。
> 空間認識型サンプル動画はこちら

・マーカー認識型AR
画像などをトリガにして表示させます。
以前はこのタイプが主流でした。
> マーカー型ARサンプル動画はこちら

・GPS位置情報連動型AR
ポケモンGOなど、ある特定の地点で表示させるタイプもあります。

例えばsnowなど、顔を認識し、表示するタイプなどもあります。

※Microsoftのholorensの様に専用グラスをかけ、現実世界と同時に表示させるのを
MR（MixReality）と呼びます

今回のARは、このMRをグラスではなく、iPhoneを通して見る、というイメージです。

ー

【ARを体験する環境】

主にスマホやタブレットのカメラを通して体験します。
後述しますが今回のAR Quick Lookは比較的新しいiPhone、最新のiOSが必要になります。

ー

【どう行った仕組みか】

iOS12のARプラットフォーム、ARKit2の機能で表示させます。

ARKit2では、空間に配置されたテーブルや椅子、床、壁の境界など、色差、明度差から空間を把握し、実際の空間サイズを計測します。

その計測した空間に、「USDZファイル」というモデルやテクスチャなど3Dデータを一つに圧縮したファイルを「AR Quick Look」という機能でAR表示します。

Apple AR Quick Lookサンプルページ
https://developer.apple.com/arkit/gallery/

ー

【どのようにして作れるか】

大まかな流れは

①表示するデータを用意する
↓
②USDZファイルに変換する
↓
③ウェブサーバーにアップする

となります。

作る環境としては主に下記が必要です。

ハードウェア：Mac
OS：MacOSX High Sierra 以上
開発用アプリ：Xcode10
3D編集アプリ：Blender

ー

【何を表示させるか】

表示させるデータは基本的に3Dのデータです。
その3Dデータを作る必要があります。

作る方法には、
・「Blender」を使用して0から作る
・3D素材を購入する
・フォトグラメトリで撮影して作る
等があります。

今回の人物モデルはフォトグラメトリで作成しています。

フォトグラメトリとは全方位から撮影した画像をつなぎ合わせてリアルなモデルを作る手法です。
以前、レスパスビジョン様にて撮影いただいたデータを使用しました。
http://www.steam-studio.jp/3dscan-iris.htm

このデータをBlenderで調整し、OBJ形式で書き出します。

尚、表示させるUSDZファイルには下記制約があります。
・10万ポリゴンまで
・アニメーションは10秒まで
・テクスチャーは2048×2048まで

ー

【どうやって配信するか】

上記で作成したOBJデータをUSDZに変換し、ウェブサーバーにアップします。

USDZはxcode10のコマンドラインで変換しますが、
下記サイトの様な変換サービスもある様です。
https://www.vectary.com/get-in/

ウェブサーバーにUSDZファイルを設置し、そこにiOS safariでアクセスすることで、iOSのAR機能が起動する、という仕組みです。

実際のデータは下記からご確認ください。
ー

※※※※※※※※※※※※※※※※※※※※※※※※※
AR Quick Look サンプルページはこちら
http://www.ag-works.com/tech/tech-quicklook/
※※※※※※※※※※※※※※※※※※※※※※※※※

iOS12以上、iPhone6s以上のsafariでアクセスしてください。
モデルは車と建築、そしてヒゲのおじさんで恐縮ですが（笑）

弊社でのARアプリ開発時に度々お世話になっているライブラリ、Vuforia。
その機能のひとつ、ボックスタイプのマーカーでサンプル作ってみました。

以前、こちらもサンプルとして頂いたフォトグラメトリモデルを組み合わせています。
若干モデルに食い込んでいたり、マーカーの識別具合など、まだまだ調整可能。精度は上げられそうです。

尚、この様にマーカーに合わせて表示するARをマーカー型ARと言います。
そのマーカーには以下の様な種類があります。

マーカーの種類

【画像：Single Image】
画像をマーカーとし、その画像をトリガにオブジェクトを表示できる

【直方体：Cuboid】
六面をそれぞれマーカーとすることで物体の前後にオブジェクトを表示できる
また、その立体物に透過して重ねる事で、中に入っているように見せることも可

【円柱：Cylinder】
円柱の上下、側面をマーカーとする事で物体の前後にオブジェクトを表示できる
また、その立体物に透過して重ねる事で、中に入っているように見せることも可

【立体物：3D object】
現実のオブジェクトをスキャンする事で、立体物そのものをマーカーにできる
※ただし精度にはまだ課題がありそう

…VuforiaはQualcomm社が提供する、無償でも使えるARライブラリ。
問い合わせのレスポンスも早くて助かります。
アプリ開発環境、Unityにも標準機能として組み込まれており、非常に扱いやすいです。
ARも色々進化していますが、確実な開発には、こう言った枯れかけた技術もいいなと思っています。

※instagramのフォローもよろしくお願いします！
https://www.instagram.com/agworkslimited/

こんにちは。

エージーワークス代表の増本修二です。
リアルな3Dモデルを短期間で作れる「フォトグラメトリ」についてです。
フォトグラメトリとは、写真から3Dを作る技術のことで、ゲーム業界や映像業界で活用されています。

【撮影方法について】

3Dの元となる写真撮影には大きく２パターンの方法があります。
スタジオで100台程度のカメラと照明をセットし、一瞬で撮影する「スタジオ式」と、ハンディスキャナでまわりをぐるぐる撮影する「スキャナ式」です。

スタジオ式
「スタジオ式」のメリットは、撮影が一瞬で済んでしまうという事。
すでにライティングもカメラもセットされているので、その場に行って、ポーズとって撮影、終了。
人物・動物など、静止が難しい被写体はこちらの方法が向いていると思います。
デメリットはその場所に行かなければならない、という点です。

スキャナ式
逆に「スキャナ式」は、ハンディスキャナとそれをコントロールするPCがあれば、どこにでも行って撮影することが出来ます。
移動させられない物などは、出向いて撮影も可能です。
ただし、全体をくまなく撮影する必要があるため、常に静止していなといけません。
移動できない、静止しているオブジェクトの撮影ならこちらの方が向いていると言えます。

【向いているものいないもの】

写真からリアルな3Dが作れるフォトグラメトリですが、どんなものでも3Dに出来る、という訳では無い様です。
人物の肌や衣服、食品など、形状や表面が有機的なものはスキャンデータから3Dを正確に変換しやすいのですが、艶のある金属、鏡、半透明なもの、真っ黒なもの、シンプルな形状、パターン化された模様などは、正確な変換が難しい様です。

向いているもの
人物、衣服、動物、植物など有機的なもの

向いていないもの
艶のある金属、シンプルな形状、ガラス、薄い布など

端的に言ってしまえば、有機的でCGで再現するのが面倒だったものが、フォトグラメトリに向いていると言えるのかもしれません。

※このデータはサンプルとしてレスパスビジョン様にいただきました！

レスパスビジョン株式会社
http://www.lespace.co.jp/

こんにちは。エージーワークス代表の増本修二です。

弊社でこっそり開発しようとしていた（笑）Oculus Rift用ウォークスルーアプリのβ版、アップします。

どれだけリアルなウォークスルーが作れるか、その研究として開発を続けていましたが、とりあえず歩き回れる様になったので、一度公開する事にしました。

尚、Oculus Rift用だと、お持ちでない方にご覧頂く事が出来ないので、WebPlayer版として公開します。

【再生環境】
ご覧頂くためには下記プラグインをブラウザにインストールください。
http://japan.unity3d.com/webplayer/

【操作方法】
キーボードの矢印キー（↑←↓→）、または
Wキー：前、Aキー：左、Sキー：後ろ、Dキー：右で移動します。
マウスで視点が切り替わります。
スペースキーでジャンプします。

…今回、ウォークスルー出来る建築はle corbusierの名建築、「savoye邸」。
実はこの中に、建築大好きなおじさん、「カールさん」が迷い込んでしまいました。
さて、彼は何処に居るでしょうか？見つける事出来るかな？（笑）

※下の画面が表示されない方は右クリックの「このプラグインを実行する」を選択してください。

※右クリックで「GO FULLSCREEN」を選ぶと、フルスクリーン表示になります。

見つける事が出来た方は、弊社メールフォーム、http://www.ag-works.com/contact/まで、もしくは私のfacebookアカウントまでご一報ください！何も出ませんが（笑）

Oculus Rift版も近日公開予定です！お楽しみに！

こんにちは！エージーワークス代表の増本修二です。
現在、開発を進めているOculus Rift用ウォークスルーアプリ、着々と進行中！
テスト版をOculusで検証するだけで、リアルさに興奮してしまい、こっそり作るつもりがブログに書いてしまいました（笑）
まだまだブラッシュアップが必要ですが、このリアルな3D空間に居る感じ、一刻も早く伝えたい気持ちでいっぱいです。
ちなみに今回制作している建築はle corbusierの名建築、「savoye邸」。
80年以上も前の建築とは思えない、モダンさです。