LoginSignup
3
3

More than 5 years have passed since last update.

【8th Wall Web】アカウントの作成からサンプルソースダウンロードまで

Last updated at Posted at 2019-04-10

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️iPhone7(IOS 12.2)

↓↓↓実際に動かした動画


8th Wall Webのアカウントを作成する。

1.「Create Account」を選択する
https://8thwall.com/
スクリーンショット 2019-03-31 4.09.52.png

2.名前、メルアドを入力する。
「I would like to」で「Web」 を選択する。
「Get Started」をTapすると、規約画面が表示し、承諾を選ぶ。

スクリーンショット 2019-03-31 4.13.53.png

3.電話番号承認があるので、Japanを選び、SMS受信できる電話番号を入力する
スクリーンショット 2019-04-11 3.02.42.png

※ちなみに、パスワードを忘れた際の、パスワード解除ナンバーも、同じく、SMS送信で送られてきます。

SMSがどうしても受信できない場合や質問がある場合は、 Contact usで、問い合わせができます。
英語で問い合わせすると良いでしょう。
Tonyからメールがきて、対応してくれます。(⌒▽⌒)
https://www.8thwall.com/contact.html
スクリーンショット 2019-04-11 3.21.58.png

4.SMSで通知された6桁の番号を入力して登録完了です。
「WORKSPACES」を選択して、ワークスペースを作成します。
スクリーンショット 2019-04-07 17.54.49.png

5.「Web Developer」を選択します
スクリーンショット 2019-04-07 17.56.30.png

6.アプリケーションを作成します。(アプリケーションは、何個でも作れるみたいです)

スクリーンショット 2019-04-07 17.57.20.png

7.アプリケーションの名前をつけます
スクリーンショット 2019-04-07 18.00.39.png

8.Keyコードが払い出されるので、控えます。
あとで、ソースコードに埋め込む為。
スクリーンショット 2019-04-07 18.04.30.png

9.実装開始しますが、一番簡単なのは、サンプルコードがGitにあるので、それを使います。
スクリーンショット 2019-04-07 18.07.25.png

10.サンプルコードをダウンロードする
https://github.com/8thwall/web
スクリーンショット 2019-04-07 18.09.58.png

11.READMEを見ると、詳しくたくさんのっています。

スクリーンショット 2019-04-07 18.10.30.png

12.web-master.zipをダウンロードする
スクリーンショット 2019-04-07 18.11.27.png

13.私は、この辺のサンプルを読んで、「placeground」をベースに、
チョコをお皿に表示する実装をしてみました。
スクリーンショット 2019-04-07 19.17.31.png

参考資料

⭐️すぎどんさんの詳しい資料
https://speakerdeck.com/sgidon/webar-getting-started-with-8th-wall-web?slide=13

⭐️よしながさんの詳しい資料
http://tks-yoshinaga.hatenablog.com/entry/2017/10/25/063031
勉強会の様子
https://togetter.com/li/1333219

【8th Wall Web】実機で動かしてみる
https://qiita.com/nonkapibara/items/a4d1334cd7fc82303416

【8th Wall Web】デバイス認証がきれた場合の対処法
https://qiita.com/nonkapibara/items/74f06899a3f840675fca

WebAR(AR.js)を実装してみた
https://qiita.com/nonkapibara/items/f4df383ccff19ee3d805







3
3
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
3
3