DARVA –イベントアシスタント
DARVAはかわいいアニメーションロボットで、人とチャットすることでイベントで私たちを助けてくれるので、何度も繰り返す必要はありません。
- 紹介とショーケースビデオ
- アナログロボット
- デジタル化されたロボット
- バーチャルアシスタント
- Raspberry Pi 4
- DARVA
DARVAはかわいいアニメーションロボットで、人とチャットすることでイベントで私たちを助けてくれるので、何度も繰り返す必要はありません。
おもしろい事実：DARVAは「 D 」の頭字語です。 igitized A nalog R obot V irtual A ssistant」。
最初のステップは、フェルトからアナログロボット、またはアニメートしたいものを作成することです。ロボットをスケッチし、紙でパーツを作りました。全体的な外観に満足したら、フェルトからすべてを切り取りました。
ヒント：カットを開始する前に、フェルトの無傷の部分の写真を撮ってください。アニメーションの背景として使用できます！
さて、今最も時間のかかる部分に移りましょう：縫製！ DARVAに手作りのルック＆フィールを与えるために、すべてのエッジに沿ってステッチしました。一部のパーツはフェルトの二重層で、少し弾力性があります。アニメートしたいすべての部分を別々に保つようにしてください。そうすれば、後であなたの生活が楽になります！
作ったばかりのアナログのものをデジタル化する時が来ました！すべてのパーツを独特の背景に広げます。これにより、すべてをパーツにスライスしやすくなります。すべての要素を含む1枚の写真を撮るのが最善です。そうすれば、パーツのスケールは同じままになります。
ヒント：アニメーションで整理する方法ですべてのパーツを回転させます。これにより、すべてのパーツで照明の角度が同じに保たれ、最終バージョンですべてが実際にまとめられます。
お好みの写真編集ソフトウェアに画像をロードし、すべての部分を切り取ります。 PNGなどの透明性をサポートするファイル形式で、透明な背景を使用して個別に保存します。
パーツを切り抜くために、Photoshopのクイック選択ツールを使用しました。結果は実際には予想よりも優れていて、ほんの一握りの写真を手動で消去するだけで済みました。
これで、アニメーション化の準備ができたデジタル化されたアナログのものができました！
DARVAに命を吹き込むために、HTMLキャンバスとJavaScriptを使用してWebページを作成しました。これは、どのプラットフォームでも機能するためです。すべてのライブラリをダウンロードすることで、オフラインでも機能します。これは、イベントが信頼性の高いインターネット接続を提供するのに悪名高いため、重要です…
つまり、HTMLキャンバス要素を使用すると、JavaScriptを使用して、画像、図形、テキストなどのグラフィックをWebページに追加できます。このプロセスを簡単にし、スムーズなアニメーションを追加するために、ここにあるCreate.jsライブラリとTween.jsライブラリを使用しました。
コードは添付ファイルに追加され、次のことを行います。
- 画像を読み込む
- スケーリングと回転
- ページにX座標とY座標を割り当てます
- すべてのものをアニメーション化する
一部のアニメーションには、DARVAをよりリアルにするために、少しランダムに追加されています。もちろん、ロボットのようにリアルになります。たとえば、ゲージはランダムな位置に回転し、目はランダムな時間、ランダムに左または右に見えます。
5秒ごとに変化する吹き出しのテキストなど、他のアニメーションはより計算されます。
最後に、一部のアニメーションは、画面の一部（この場合はDARVAの頭と腹）をクリックまたはタッチすることでアクティブになります。
最後に、Raspberry Pi4でDARVAを実行しましょう。どうして？さて、なぜですか？とても小さなものがそのような種類のアニメーションを処理できるのは素晴らしいことです！
DARVAを表示するために、ポートレートモードでタッチスクリーンを使用しました。 Raspberry Piで画面の回転を簡単に設定できますが、タッチスクリーンは逆に機能します…多くの試行錯誤の末、Piを横向きモードで実行し続け、すべてのアニメーションを回転させることにしました。
すべての画像を回転して再配置し、アニメーションをやり直すのは悪夢だったので、プログラミングを開始する前にこの部分を理解するのが最善です。
それ以外に、ChromiumでWebページを実行すると、最初はトリッピーな効果がありました。すべてが終わったら、もう一度試してみましたが、どういうわけか問題は解決しましたか？プログラミングの魔法..？
アニメーションはChromiumで最もスムーズですが、Firefoxでもうまく機能しますが、少し遅くなります。
DARVA
タダァ！イベントで私たちを助けてくれるかわいい小さなアニメーションロボット、DARVAがあります！
出典：DARVA –イベントアシスタント
製造プロセス