DARVA：フェルトからライブアニメーションへ - イベントアシスタントロボット

DARVAは、自然な会話で来場者と関わり、スタッフの繰り返し説明を削減することでイベント体験を豊かにする魅力的なアニメーションロボットです。

概要

• イントロダクションとショーケース動画
• アナログロボット構築
• デザインのデジタル化
• バーチャルアシスタント開発
• Raspberry Pi 4へのデプロイ
• DARVA最終プレゼンテーション

イントロダクションとショーケース動画

DARVAの名はDigitized Analog Robot Virtual Assistantの略。以下の動画で、DARVAがゲストと対話しスタッフの反復業務を軽減する様子を紹介。

アナログロボット構築

旅は手作りアナログモデルから始まる。プロトタイプスケッチ後、フェルトからパーツを切り出し、各パーツを個別に分離可能にして後でアニメーション化。縁を縫い合わせることでDARVAに触覚的な手作り感を与える。二重フェルト層で耐久性を確保しつつ全体重量を軽量化。

ヒント：切断前に完成セットを撮影。これらの画像はデジタルスライシング時の一貫した背景として利用可能。

デザインのデジタル化

アナログモデル完成後、パーツをコントラスト背景に広げセグメンテーションを容易に。高解像度で一枚撮影しスケールを保持。フォト編集ソフトで各コンポーネントを分離、透明背景のPNGとして保存。Photoshopのクイック選択ツールが特に有効で、わずかな手動修正のみで完了。

デジタルアセット準備完了で、ロボットをアニメーション化可能に。

バーチャルアシスタント開発

DARVAをあらゆるプラットフォームで動かすため、HTMLキャンバス要素とバニラJavaScriptを用いた軽量Webページを構築。スムーズでクロスブラウザなアニメーションのためCreate.jsとTween.jsを採用。全ライブラリをローカルにバンドルし、インターネット不安定なイベントでも完全オフライン動作を保証—これは重要な機能です。

スクリプトが担当する機能：

• PNGアセット読み込み
• キャンバス上でのスケーリング、回転、配置
• 動きと表情のアニメーション
• 5秒ごとに変わる動的吹き出し
• 頭部とお腹へのインタラクティブトリガー

ランダムな瞳の動きとゲージ回転でリアリズムを演出、計算されたアニメーションで洗練されたプレゼンテーションを維持。

Raspberry Pi 4へのデプロイ

ポータブルかつ低消費電力でDARVAを動かすため、縦向きタッチスクリーン接続のRaspberry Pi 4にWebページをデプロイ。Piのディスプレイ回転は横向き設定可能だが、タッチパネルが逆向きを維持したため、Piを横向きのままにしキャンバスアニメーション側を回転させるアプローチを採用。これによりレイアウト調整が簡素化されアニメーションタイムラインも保持。

Chromiumでの初期テストでは時折レンダリング不具合が発生したが、後続リビジョンで解消。Firefoxでもスムーズに動作するがフレームレートはわずかに低下。オフラインモードは両ブラウザで完全機能。

DARVAインアクション

全コンポーネント統合により、DARVAはゲストを迎え、よくある質問に答え、イベント運営を効率化する準備完了。シンプルなフェルトモデルが洗練された自己完結型デジタルアシスタントへ進化する様を示すプロジェクトです。

出典：DARVA – イベントアシスタント