顔バト

自分の表情を使って、相手とバトルできる作品です。
「新しい生活様式」で凝り固まった表情を、顔バトでほぐしましょう。

動画

開発素材

クラウド

Microsoft Azure

Firestore

Firebase Hosting

API

WebRTCプラットフォーム SkyWay

システム構成

処理の流れ

1. SkyWayによってビデオ通話が開始
2. 「バトル」を押すと、ルーレットが始まり、お題の表情が決まる
3. お題の表情をしたお互いの画像を撮影し、AzureのFaceAPI (表情解析)へ画像をPOST
4. FaceAPIで解析された結果を用いて、勝敗判定と、表情解析の結果をレーダーチャートで表示

具体的なシステムの動作は、動画を見て頂けると分かりやすいかと思います。

ストーリー

特徴

• URLを共有するだけですぐに対戦することができる手軽さ
• 「表情」という老若男女誰もが平等に持っているもので対戦することができること

こだわり

• Firestoreのリアルタイムアップデート機能の特徴を最大限活用
• ルーレットやカウントダウンのエフェクトでゲーム感わくわく感を演出

作成の経緯

• おうちハッカソンで開発
• レッドハッカソン オンライン2020でブラッシュアップ、今のチームとなる
• イベント終了後も継続開発して、今の形に

発表資料はこちら

メンバー

nextep

• 

  Daiki Miyagishi（宮岸 大輝） @daiking1756

  • エンジニア
  • アイデア
  • プレゼン（資料作成・発表）

• 

  kugi @kugi_masa

  • エンジニア
  • デザイン
  • プレゼン資料作成

関連イベント

• ヒーローズ・リーグ オンライン20202020-09-07 開催
• レッドハッカソン2020-05-23 開催
• ProtoPediaの時間：紹介作品①（第1回〜50回まで）2020-11-04 開催

同じニオイがする作品

• ARでリアルタムに斬撃を飛ばす/Magic attacks effect by AR
• ユニティちゃん！ARパークゴルフ！
• Diorama Shooting
• Glow Seeker