AR名刺ならぬM5名刺！？

以前から作っていたAR名刺の仕組みをM5Stackと掛け合わせました！
これでオフラインイベント時の交流が捗ること間違いなし！？

動画

開発素材

ツール

Unity

UIFlow

デバイス

M5Stack

システム構成

M5Stackへの画像表示

TwitterのQRコードをM5Stackに出す所はUIFlowの機能を使って実装しました。
UI Flow / UI Flow

• https://docs.m5stack.com/en/quick_start/m5core/uiflow
• https://docs.m5stack.com/en/uiflow/display/graphic

M5StackBasicの解像度は320x240なので、TwitterのQRコードをダウンロードした後、表示できるようにそれを240x240にResize。以下の記事を参考にGoogle Colab内で行いました。

• https://blog.hikaru.run/2021/12/31/display-images-on-m5stack.html
• https://qiita.com/croquette0212/items/36cadce5bf0fb703ed19

実物の動作はこんな感じ

AR実装

ARの実装については、UnityとZapWorksで始めるAR名刺作りという記事でまとめてますので、そちらをご覧下さい。 ZapWorksの画像ベースのWebARにおいて、学習画像の部分を上記M5Stackの画像に置き換えたという感じです。

ストーリー

最近上京してきた＆オフラインイベント増えてきた中で、SNS繋がりの人とリアルですれ違う機会が増えてきました。。。でもアイコンしか知らんから誰が誰かワカラン！！

そんなわけでAR名刺作ってみたり模索してるんですが、 今回はM5StackにTwitterのQRコードを出しつつ、そこからのAR体験まで作成しました。

I have recently moved to Tokyo and have been attending more offline events. But I only know them by their icons, so I don't know who they are!

That's why I'm trying to make AR business cards. This time, I created an AR experience from a Twitter QR code on M5Stack.

メンバー

• 

  みゃおん @black_cat

関連イベント

• M5Stack Japan Creativity Contest 20222022-07-15 開催

同じニオイがする作品

• じゃんけん魔法陣 by Earth, Wind & Fire
• アーティスト熱盛ARアプリ～肉厚バージョン～
• プロジェクターをIoTしてみた
• EchoAR