Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Article information
RevisionsShow article in Markdown
Report article
Help us understand the problem. What is going on with this article?

More than 1 year has passed since last update.

This post is Private. Only a writer or those who know its URL can access this post.

@Kakucho

マーカーレスWebAR操作方法(iPhone -iOS13版)

iPhoneでのマーカーレスWebAR操作方法について順番に解説していきます!
※iOS13.1.2(2019/10/11現在最新版)での操作方法となっているのでご注意ください。
 iOS12以前はこちら

STEP1 ページを起動

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

①URLを入力して起動する

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

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

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

STEP2 WebARを起動

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

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

STEP3 部屋に配置

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

STEP4 ARを動かしてみる

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

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

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

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

画面上部に見える「オブジェクト」をタップし、画面をオブジェクトビューに切り替えます。
ARビューと同様の操作で、3Dオブジェクトの全体像を確認することができます。
IMG_2291.jpeg

Article information
RevisionsShow article in Markdown
Report article
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Article information
RevisionsShow article in Markdown
Report article
Help us understand the problem. What is going on with this article?