Three.js + AR.js + Tween.js で遊ぶ - Qiita
はじめに 『A-FrameとAR.jsで超簡単AR』 でお手軽に AR で遊べましたが、少しものたりないと思いました。Three.js と AR.js でもう少し本格的なものを作って遊びました。 せっかくの機会ですので、AR.js のサンプルをベースに、json 形式の 3DCG モデルの表示、3D オブジェクトのピッキング、Tween.js を使って楽しいアニメーションを付けました。 詳しくはコード中のコメント文でどうぞ。 動作サンプル Windows の Chrome と Firefox、Android の Chrome で動作確認したサンプルをどうぞ（自分が飽きたら消します）。 以下の二つのマーカを紙に印刷するか、PC 画面等に表示 こちらにアクセス（スマホの方は以下の QR） マーカをカメラでうつし、表示された CG をクリック（タップ） コード <!DOCTYPE html> <
WebARonARCoreを未サポートのZenFone ARに入れてみた - じゅころぐAR
ARCoreのプレビュー版が公開されたことにより、WebAR（three.ar.js）でARCoreとARKitのクロスプラットフォーム開発ができるようになりました。 ARCoreの機能に目新しさはありませんが、ライトなARをWebで作るという使い方は面白そうです。 Augmented reality for the web | Web | Google Developers 早速試してみようと思いましたが、ARCoreができる端末が手元にないので、本記事執筆時点で未サポートのZenFone ARに無理矢理インストールしてみました。 結果として、ちゃんと動作はしませんでしたが、ARCoreとWebARの概要はなんとなくわかりました。 必要なアプリ WebAR（three.ar.js）で作成したアプリケーションをWebARonARCoreというブラウザアプリで閲覧します。WebARo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
