2019.05.240少し前は専用のアプリでARを実装していました。それから時代は進み、ブラウザの機能だけでもARを実装することが可能になりました。今回はそんな情報を掲載していこうと思います。さいごにはじめにAR機能を実装するにあたり、いくつか必要なものがりますので、先にご紹介します。カメラ当たり前ではありますが、AR機能を使うにはカメラが必要です。スマホの場合、ほとんどはカメラがありますが、ない場合は実装してもご確認いただけません。PCのブラウザでの動作は保証しておりません。詳しい動作保証に関しては、各ライブラリをご参照ください。HTTPS通信(SSL)ブラウザでカメラ機能を使うには、HTTPSでの通信が必要です。自己証明書(オレオレ証明書)によるSSL通信ができるサーバーが必要です。実装してみるでは実装していきましょう。LOST');});}});</script>実装はたったこれだけです。カメラでかざしましょう。それぞれアラートが出ていると思います。オリジナルマーカーを実装するサンプルのマーカーでは味気ない、そんなときには自分でマーカーを作ることができます。画像をアップロードすると、サイト中央にマーカーが表示されます。いうボタンをクリックして、マーカーファイルをダウンロードしましょう。-->ここまで作成したら、先ほどの画面で作成した黒枠がついたマーカーをカメラでかざしましょう。先ほどと同じように、マーカーの表示・非表示でアラートが表示されると思います。あとはIDやクラスをつけて、自由に操作していきましょう。さいごにこの仕組みを知るまで、こんなに気軽にARが実装できるとは思いませんでした。やってみた話まるちとーる2019.01.21スポンサーリンクPOPULARノウハウPHPのセッションが勝手に消えてしまう問題と解決法のえる2019.08.23おすすめiPadをノート代わりにして6か月。