どんなAR？

手をかざすと、指輪の3Dモデルが指に装着された状態で表示され、試着できるARです。手を認識していない間は指輪が単体で表示され、デザインの詳細をじっくり確認できます。palanが独自に開発した手の認識エンジンと、STYLY WebARの有料プランで使うことのできる「コード編集機能」を用いて、手の認識状態に応じて表示を切り替えています。

活用例

• ジュエリーショップの接客で、在庫にないデザインやサイズ感をその場で試着提案する


• ブライダルリングの相談時に、複数のデザインを指に重ねて比較検討してもらう


• ECサイトやカタログから、購入前に自分の手で着けたイメージを確認してもらう


• 展示会・ポップアップストアで、話題性のある試着体験として来場者を集める


• 試着した様子をSNSに投稿してもらうキャンペーンの動線をつくる

体験方法

①QRコードを読み取る
https://webar.styly.cc/v2/ar_contents/sample_102


②カメラアクセスを許可し、ARを起動
③手をかざすと指輪が指に試着され、手をどけると指輪単体の詳細を確認できます

カスタムコードについて

STYLY WebARでは、有料のプランで使えるコード編集を使用することで、HTML, CSS, JavaScriptを使ってARをよりカスタマイズすることができます。
本サンプルでは、手を認識していない間は指輪を単体で表示してデザインの詳細を見せ、手を認識すると指輪を指に試着できるよう、認識状態に応じた表示の切り替えを行なっています。
■カスタムコードの詳細はこちら
コード編集では何ができますか？

参考事例

『手のひらからキャラクターが出現！ハンドトラッキングAR』
手のひらを認識してキャラクターを表示する、同じ手の認識を使ったサンプルです。手の動きに合わせてARが追従する仕組みは試着表現にも応用でき、本サンプルとあわせて手の認識ARの表現の幅を確認いただけます。
『手のひらからキャラクターが出現！ハンドトラッキングAR』

STYLY WebARについて

STYLY WebARは誰でも簡単にWebARを作成できるオンラインツールです。
画像認識や平面認識、動画・3Dオブジェクトの表示など、ARコンテンツを簡単に制作・体験できます。
ぜひ一度、STYLY WebARでWebARを作成してみてください！
登録はこちら（無料）
プランはこちら

お問い合わせ

自社でのARコンテンツ作成が難しい場合は、弊社へのご依頼も可能です。※別途費用がかかります
お問合せフォームからお気軽にご相談ください。