Files
agentic-studio/network-poc/static/avatars
jaakko 1a58324689 Tofuist-agentti: OpenTofu/IaC-asiantuntija gecko-avatarilla
- Uusi agentti: Tofuist (gecko-avatar, oranssinkulta #e3a336)
- System prompt: HCL-koodi, moduulit, lifecycle, state encryption
- docs-kenttä: lataa automaattisesti /docs/tofu-cheatsheet.md referenssiksi
- kpnRun: tukee nyt agentin docs-kenttää (haetaan kerran, cachetetaan)
- OpenTofu-dokumentaatio haettu GitHubista + tiivistetty cheatsheet
- Avatar, gallery-head, värimapit ja pipeline-tuet lisätty

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-08 10:29:42 +03:00
..
2026-04-02 20:27:37 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00
2026-04-03 08:55:07 +03:00

Kipinä Agentic Playground - Animaatioiden käyttöönotto

Koska Kipinä-verkon agenttien avatarit tällä erää ovat staattisia PNG-kuvatiedostoja, käyttöliittymä hyödyntää CSS-pohjaista pomppimisilmiötä (sekä pulppuavaa 💬 puhekuplaa) "puhumisen" merkkinä. Olemme kuitenkin koodanneet taustalle piilotetun tuen aivioiduille videoloopeille myöhempää käyttöä varten!

Näin saat UI:n tukemaan oikeasti animoituja kasvoja/videoita.

1. Luo Animoidut GIF-tiedostot

Valitse mikä tahansa ulkoinen AI-työkalu (kuten HeyGen, Pika v1.0, tai Midjourney+Runway yhdistelmä) ja muunna avatar-kuvat (esim. kettu_notext.png) 3-5 sekunnin kestäviksi GIF-loopeiksi. Hahmon leuka tulisi pyöriä tai naama vääntyillä puhuessaan.

2. Nimeä Tiedostot Oikein ja Lisää Ne Kansioon

Siirrä uudet GIF-animaatiot samaan kansioon alkuperäisten kuvien kanssa. Muuta niiden nimi siten, että se päättyy tunnisteeseen _puhuva.gif.

Esimerkkejä:

  • Koodari kipina_notext.pngkipina_notext_puhuva.gif
  • Manageri karhunpentu.pngkarhunpentu_puhuva.gif
  • Asiakas kettu_notext.pngkettu_notext_puhuva.gif

3. Aktivoi Koodi

Käännä Kipinä Playground -ohjaimen JavaScript-koodista piilotettu ominaisuus päälle.

Etsi tiedostosta ../index.html (noin riviltä 1084, updatePromptEditor-funktiosta):

// Piilotettu ominaisuus: Puhuvien videoiden / gif-animaatioiden kytkentä
window.USE_ANIMATED_GIFS = false;

Muuta tuo false arvoon true:

window.USE_ANIMATED_GIFS = true;

Mitä logiikka tekee? Aina kun valitset agentin kaaviosta, koodi korvaa aktiivisen kuvakkeen lopussa olevan .png -päätteen sanalla _puhuva.gif lennosta! Jos poistut agentin valinnasta tai valitset jonkun toisen, koodi vaihtaa kuvan välittömästi takaisin staattiseen .png-versioon ja sulkee ilmentymän suun.

Näin saat kaikkien asiantuntijoiden face-track looppeja hallittua yhdellä kädenkäänteellä.