iOS12 WebAR|iPhoneXS / XS Max

iOS12がリリースされましたね。

新たな機能のWebARを公開してみます。

WebARコンテンツ

↑XS、XS Maxの画像タップでそれぞれのARが起動します。

画像の右上にusdz_iconアイコンが表示されていれば対応端末です。何も表示されていない場合は端末が対応していません。

WebAR起動条件

・iOS12

・ARKit対応端末 (iPhone6s/iPad第5世代〜)

・Safari

※対応してない場合ARは起動せずusdzファイルDL画面になります。

※iPhoneXs/XsMaxはサイズのみ参考にしてください。発売前の資料を元にモデリングしたものの為細部は実際と異なります。

動作の様子

独り言

・せっかくだから光沢感もちゃんと表現したい。色違い版も。

・usdzファイルの作り方はこちらに書きました。