Opis projektu:
Potrzebny jakościowy narysowany awatar przypominający człowieka do interaktywnego widgetu webowego. To nie jest statyczny obrazek ani
prosta animacja CSS. Potrzebna jest żywa animowana postać w Rive: awatar patrzy na użytkownika, mruga,
lekko porusza głową, reaguje na różne stany interfejsu i może poruszać ustami podczas mówienia/odtwarzania dźwięku.
Styl: nowoczesny, czysty, przyjazny, przypominający człowieka, podobny do jakościowej ilustracji cyfrowej / produktu
maskotki. Nie potrzebny 3D, nie potrzebny fotorealizm, nie potrzebny dziecięcy styl kreskówkowy.
Główne zadanie:
Stworzyć jeden podstawowy rig Rive awatara ludzkiego, który można dostosować: imię, kolor marki, włosy, kolor
włosów, twarz, ubranie, kolor ubrania, kolor oczu, odcień skóry, akcesoria. W przyszłości na podstawie tego riga planowane jest
stworzenie biblioteki z 10-20 awatarów.
Co powinno być w rezultacie:
1. Plik źródłowy .riv.
2. Wyeksportowany .riv, gotowy do uruchomienia w sieci.
3. Wszystkie prawa do komercyjnego wykorzystania muszą być przekazane nam.
4. Nie można używać cudzych chronionych prawem autorskim zasobów, cudzych postaci ani kopii istniejących usług.
5. Awatar musi działać przez Rive runtime w przeglądarce.
6. Plik musi być zoptymalizowany do widgetu webowego: szybko się ładować, bez ciężkich tekstur i zewnętrznych zależności.
Obowiązkowa personalizacja postaci:
Awatar musi wspierać przełączanie wariantów przez Rive inputs / state machine / data binding:
- Odcień skóry: minimum 6 wariantów.
- Kształt twarzy: minimum 3 warianty.
- Styl włosów: minimum 8 wariantów.
- Kolor włosów: minimum 10 wariantów.
- Kolor oczu: minimum 6 wariantów.
- Styl/kolor brwi: osobno lub związane z kolorem włosów.
- Styl ubrania: minimum 5 wariantów.
- Kolor ubrania: minimum 10 wariantów.
- Kolor akcentu marki: minimum 10 wariantów lub kolor sterowany.
- Akcesoria: minimum 5 wariantów, np. okulary, słuchawki, kolczyki, brak akcesoriów.
- Opcjonalnie: kolor tła glow / pierścienia / odznaki online.
Jeśli w Rive jest niewygodnie przekazywać kolory HEX bezpośrednio, można zrobić indeksy palety: hairColorIndex,
outfitColorIndex, brandColorIndex, skinToneIndex.
Stany awatara:
Potrzebna jest maszyna stanów Rive z zrozumiałymi inputs. Nazwa maszyny stanów: AvatarStateMachine.
Obowiązkowe stany:
- idle — spokojne oczekiwanie, lekkie oddychanie, mikroruchy głowy.
- greeting — krótkie powitanie / machanie / uśmiech.
- active — awatar znajduje się w aktywnym stanie.
- listening — awatar uważnie słucha.
- thinking — krótka reakcja oczekiwania.
- speaking — awatar mówi, aktywna animacja ust.
- handoff — neutralny stan przejścia.
- offline — spokojny wyłączony stan.
- error — łagodny błąd, bez agresywnej animacji.
Obowiązkowe animacje twarzy:
- Naturalne mruganie.
- Ruch oczu / subtelne rozglądanie się.
- Uśmiech / neutralne / skoncentrowane wyrazy twarzy.
- Kiwanie głową.
- Małe obroty głowy w lewo/prawo.
- Ruch ust podczas mówienia.
- Płynne przejście między stanami.
- Brak „skakania w górę i w dół” jako główna animacja. Potrzebna jest żywa mimika twarzy.
Lip sync / rig ust:
Potrzebne jest wsparcie dla lip sync. Minimalna wersja: input mouthOpen lub volume, który otwiera usta w zależności od poziomu
głośności.
Idealna wersja: inputs viseme:
viseme_0 ... viseme_21: liczba 0-1
isSpeaking: boolean
volume: liczba 0-1
Jeśli pełny rig viseme jest zbyt drogi, należy podać osobną cenę za prosty rig ust i pełny rig viseme.
Rive inputs, które muszą być udokumentowane:
isActive: boolean
isListening: boolean
isThinking: boolean
isSpeaking: boolean
isOnline: boolean
isMuted: boolean
isError: boolean
greet: trigger
wave: trigger
nod: trigger
smile: trigger
handoff: trigger
volume: liczba 0-1
lookX: liczba -1 do 1
lookY: liczba -1 do 1
skinToneIndex: liczba
faceShapeIndex: liczba
hairStyleIndex: liczba
hairColorIndex: liczba
eyeColorIndex: liczba
outfitStyleIndex: liczba
outfitColorIndex: liczba
accessoryIndex: liczba
brandColorIndex: liczba
Artboardy / rozmiary:
Potrzebne są minimum 3 artboardy:
1. WidgetAvatar — kwadratowy awatar do widgetu webowego, 512x512 lub skalowalny wektor.
2. LargeAvatar — duży awatar bust/portret do ekranu demo.
3. AvatarOnlyTransparent — tylko postać na przezroczystym tle.
Awatar musi dobrze wyglądać w małym rozmiarze około 160x160 px i w dużym rozmiarze około 500x500
px.
Jakość projektu:
Postać musi być przyjemna, nowoczesna, przypominająca człowieka. Nie potrzebny prymitywny styl płaskiej ikony. Nie potrzebna dziwna
twarz kreskówkowa. Nie potrzebny ogólny awatar stockowy. Twarz musi wyglądać schludnie: normalne proporcje, przyjemne
oczy, jakościowe włosy, schludne ubranie.
Przed finalną animacją należy najpierw zatwierdzić statyczny koncept: 2-3 warianty twarzy/stylu. Po zatwierdzeniu
jednego wariantu należy wykonać rig i animację.
Etapy pracy:
1. Moodboard / propozycja stylu.
2. 2-3 statyczne koncepcje awatara.
3. Zatwierdzenie jednego konceptu.
4. Stworzenie riga Rive.
5. Dodanie personalizacji.
6. Dodanie maszyny stanów.
7. Dodanie animacji twarzy.
8. Dodanie rig ust / lip sync.
9. Optymalizacja pliku.
10. Przekazanie .riv, dokumentacji dotyczącej inputs i krótkiego demo HTML/podglądu.
Kryteria akceptacji:
- Awatar wygląda profesjonalnie i przypomina człowieka.
- Wszystkie stany przełączają się przez Rive State Machine.
- Można zmieniać włosy, kolor włosów, odcień skóry, oczy, ubranie, kolor marki.
- Są animacje idle, active, listening, thinking, speaking.
- Usta poruszają się podczas mówienia.
- Animacja twarzy jest żywa, nie tylko ruch całego ciała w górę i w dół.
- .riv działa w web runtime.
- Plik nie zawiera cudzych chronionych prawem autorskim zasobów.
- Przekazane prawa komercyjne.
- Jest krótka dokumentacja: lista inputs, artboardów, stanów, jak zmieniać warianty.
