LoginSignup

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 3 years have passed since last update.

マーカーレスWebAR操作方法(iPhone -iOS12以前)

Last updated at Posted at 2019-11-21

iPhoneでのマーカーレスWebAR操作方法について順番に解説していきます!
※iOS12以前での操作方法となっているのでご注意ください。
 iOS13以降はこちら

STEP1 ページを起動

まずは、ARを確認するためにページを起動します。
ページを起動させる方法は2通りあります。

①URLを入力して起動する

スマートフォンのブラウザ(Safari, Google Chromeなど)で下図の黄色い枠で示した部分に指定されたURLを入力し、ページを起動します。
IMG_2288.PNG

②QRコードを読み込んで起動する

スマートフォンのカメラまたはQRコードリーダーを起動し、指定されたQRコードを読み込んでページを起動します。
IMG_5704.PNG

STEP2 WebARを起動

ページを起動したら、製品が表示されるまで下にスクロールしてください。
その後、製品上部のアイコンをタップして、WebARを起動します。
IMG_2288.PNG

黄色い丸で示したボタンです

STEP3 オブジェクトビューで全体像を確認

ARでお部屋に試し置きする前に、3Dオブジェクトの全体像を確認することができます。
IMG_2292.PNG

STEP4 部屋に配置

画面上部に見える「AR」をタップし、画面をARビューに切り替えます。
IMG_2291.jpeg

スマートフォンを動かして床面をWebARに認識させます。この時お部屋はできるだけ明るくしてください。
IMG_2291.jpeg

STEP5 ARを動かしてみる

ARが表示されたらオブジェクトを動かしてみましょう。

1本指でオブジェクトを移動できます。
dragon.jpg

2本指でオブジェクトの拡大・縮小・回転ができます。
dragon2.jpg

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up