DARVA – De Evenementassistent: Van Vilt tot Live Animatie

DARVA is een charmante geanimeerde robot gecreëerd om evenementen te verrijken door deelnemers te betrekken in natuurlijke gesprekken, wat herhalende uitleg reduceert.

Overzicht

• Inleiding en Showcase-video
• Analoge Robot Constructie
• Ontwerp Digitaliseren
• Virtuele Assistent Ontwikkeling
• Deployen op Raspberry Pi 4
• Finale Presentatie van DARVA

Inleiding en Showcase-video

DARVA staat voor Digitalized Analog Robot Virtual Assistant. De volgende video demonstreert hoe DARVA interacteert met gasten en herhalende taken voor evenementspersoneel reduceert.

Analoge Robot Constructie

De reis begint met een handgemaakt analoog model. Na het schetsen van een prototype, knipte ik de componenten uit vilt, waarbij elk deel apart scheidbaar is voor latere animatie. Het naaien van elke rand geeft DARVA een tactiele, handgemaakte look. Dubbelgelagde viltsecties voegen duurzaamheid toe terwijl het totale gewicht laag blijft.

Tip: Fotografeer de complete set voordat je knipt; deze afbeeldingen kunnen dienen als consistente achtergrond voor digitale segmentatie.

Ontwerp Digitaliseren

Zodra het analoog model compleet is, spreid de onderdelen op een contrasterende achtergrond om segmentatie te vereenvoudigen. Maak een enkele hoge-resolutie afbeelding om schaal te behouden. Gebruik fotobewerkingssoftware om elk component te isoleren, sla ze op als PNG-bestanden met transparante achtergronden. Photoshop's Quick-Select-tool was bijzonder effectief, met alleen kleine handmatige verfijning nodig.

Met de digitale assets klaar, kan de robot nu geanimeerd worden.

Virtuele Assistent Ontwikkeling

Om DARVA tot leven te wekken op elk platform, bouwde ik een lichtgewicht webpagina die het HTML-canvas-element en vanilla JavaScript gebruikt. Voor soepele, cross-browser animatie, incorporeerde ik Create.js en Tween.js. Alle bibliotheken zijn lokaal gebundeld, wat volledige offline functionaliteit garandeert – een kritische functie voor evenementen met onbetrouwbaar internet.

Het script hanteert:

• PNG-assets laden
• Schalen, roteren en positioneren op het canvas
• Bewegingen en expressies animeren
• Dynamische spraakbubbels die elke vijf seconden veranderen
• Interactieve triggers op de kop en buik

Willekeurige oogbewegingen en meterrotaties voegen een vleugje realisme toe, terwijl berekende animaties de presentatie gepolijst houden.

Deployen op Raspberry Pi 4

Om DARVA in een draagbare, laag-energie setup te draaien, deployde ik de webpagina op een Raspberry Pi 4 aangesloten op een portrait-mode touchscreen. Hoewel de Pi's displayrotatie ingesteld kan worden op landscape, behield het touchpaneel een omgekeerde oriëntatie, dus ik besloot de Pi in landscape-modus te laten en de canvas-animaties te roteren. Deze aanpak vereenvoudigde layout-aanpassingen en behield de animatietijdlijn.

Initiële tests in Chromium toonden occasionele renderhiccups; opeenvolgende revisies losten deze storingen op. Firefox draait de animaties ook soepel, hoewel met iets lagere framerates. Offline-modus blijft volledig functioneel in beide browsers.

DARVA in Actie

Met alle geïntegreerde componenten is DARVA klaar om gasten te begroeten, veelvoorkomende vragen te beantwoorden en evenementoperaties te stroomlijnen. Het project toont aan hoe een simpel viltmodel kan evolueren tot een gesofisticeerde, zelfstandige digitale assistent.

Bron: DARVA – De Evenementassistent