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> <
A-FrameとAR.jsで超簡単AR（PC・スマホ・マルチマーカー対応） - Qiita
背景と目的 2017年7月11日に A-Frame のブログにて「Creating Augmented Reality with AR.js and A-Frame」という記事が公開されました。VR用フレームワークの A-Frame と、AR用フレームワークの AR.js の組み合わせで、超簡単なARの実装方法が紹介されています。 これまで Processing + NyARToolkit が「簡単」と感じてよく遊んできましたが、A-Frame + AR.js はもっと簡単で、PCでもスマホでも難なく動作しました。単純なコンテンツを作って遊ぶだけなら、これで十分かもしれないと感じています。 既にご存じの方も多いと思いますが、日本語情報が少なめですし、自分なりの学習結果を簡単にまとめておきます。 とにかく動かす OBJ形式のCGモデルを表示（マルチマーカー） ＜2019/08/05 追記＞
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
