はじめに 『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> <