みなさんこんにちは!おさかなです!
今回は「echoAR」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・プログラム知識はないけど、ARに興味のある方
・AR開発にチャレンジしたい方
・手っ取り早く、ARで遊んでみたい方
自分でAR作って遊びたい!
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
ナビまる!見てみて!
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
ん?なんだこれ?AR?
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
そうそう!echoARってやつで作ったの!
可愛いでしょ~✨
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
(おさかなが!僕の知らないサービスを使ってるっ!)
![](https://osakanav.com/wp-content/uploads/2021/02/top-cyship-160x90.jpg)
「echoAR」って何?
「echoAR」とは、プログラムの知識がなくても、簡単に3Dモデルを現実世界に表示することができちゃうサービスのことです。(すごい!)
マウス操作だけで、ARの実装ができちゃうので便利すぎます。
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/273b834208d68a92e086e745bd156525.png)
![](https://osakanav.com/wp-content/uploads/2021/02/canva-160x90.jpg)
実際につかってみよう!
プロジェクトを作成しよう!
まずサイトにアクセスします!(うねうねしてる…。笑)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-1024x554.png)
アカウント作成がまだの方は、Sign upをクリックして作成しておきましょう!
(フリープランなら、無料で使うことができます。)
![](https://osakanav.com/wp-content/uploads/2021/03/signup-echoar-1024x554.jpg)
アカウントを作成して「Sign in」!(ゴーゴー!)
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar_LI-1024x554.jpg)
すると、こんな感じの編集画面が表示されます!
(おさかなは既に1つ、作成したものがあります。笑)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-edit-1024x554.png)
まずは「+」プラスマークをクリックして、新しいプロジェクトを作成します。
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-edit_LI-1024x554.jpg)
すると、このようなウィンドウが表示されるので、3Dモデルを選びましょう!
(自作のモデルがある方はアップロードも可能です!)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-model-1024x554.png)
ちなみにこちらの「検索ボックス」にキーワードを入力すると、様々な3Dモデルが表示されるので、ご自身の好きなモデルを使ってみてください!(すごい!)
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-dog_LI-1024x554.jpg)
モデルを選択したら、右下の「NEXT」をクリック!
(dogって検索したら、ホットドッグ🌭が出てきたので使ってみます。笑)
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-hotdogs_LI-1024x554.jpg)
次にターゲットオプションが表示されます!
表示場所のカスタマイズとかができるのですが、今回はデフォルトのまま使うので「NEXT」をクリック!
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-next_LI-1024x554.jpg)
最後に「DONE」を押せば、プロジェクトが作成されます!(よしっ!)
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-done_LI-1024x554.jpg)
ホットドッグのプロジェクトが無事に作成されました!(わーい!)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-hotdogs-project-1024x554.png)
スマートフォンで、モデルを表示しよう!
それではいよいよ、スマートフォンで3Dモデルを表示させてみましょう!
まずは、プロジェクトの右下の四角をクリック!
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-hotdogs-project_LI-1024x554.jpg)
すると「QRコード」が表示されるので、お手持ちのスマートフォンで読み取ります。
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-qr-1024x554.png)
読み取ったリンクを開くと、このような画面が表示されます!(さっきのホットドッグがっ!)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-3dhotdog-473x1024.jpg)
このページの右上に「See in AR」というボタンがあるのでクリックすると、無事にAR表示がされると思います!(おおお!)
![](https://osakanav.com/wp-content/uploads/2021/03/Inkedechoar-3dhotdog_LI-473x1024.jpg)
どんな感じになったのか…?気になる方は、ぜひ実際に試してみてくださいね♪
(いや~本当に面白くて、ずっと遊んでた!笑)
![](https://osakanav.com/wp-content/uploads/2021/02/nizima-top-160x90.jpg)
AR表示されない?もしかしたら…?
※ちなみに古い端末だとARに対応していない場合があるので、お使いの端末がARに対応しているのかどうかをチェックしておくと良いでしょう!
(おさかなはこれで結構苦戦したので、みんなも気を付けてね…💦)
↓(2021年3月現在)の対応状況はこちらのサイトが参考になります!
(ARCodeという別のツールの対応デバイス一覧ですが、判断材料としてはかなり有益かと!)
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/dccc5a9f81fbf474806bd863a1822113.png)
共有してみよう!
最後に、作ったARを共有してみましょう!(うんうん…!)
プロジェクトの真ん中にある「共有ボタン」をクリックします。
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-kyouyuu-1024x554.jpg)
するとこんな感じのウィンドウが表示されるので「リンク」をコピーして、共有したい場所へ貼り付けましょう!(SNSで拡散してみるのもいいかも!)
![](https://osakanav.com/wp-content/uploads/2021/03/echoar-sns-1024x554.png)
↓今回おさかなが作ったホットドッグAR🌭はこちらから試せます!(わーい!)
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!