3D postać Ardilla dla strony w WebGL

Poprzedni wykonawca przeszacował swoje możliwości - więc życzenie kto nigdy nie robił dla WebGL nie składajcie ofert nie marnujcie czasu! Żadne generowane modele AI nie przejdą - ponieważ potrzebna jest optymalizacja pod względem wagi.

To ma być agent AI dla mojego projektu Ardilla-CMS. Ardilla to wiewiórka po hiszpańsku.

Faktycznie na tej postaci będzie cała uwaga - więc trzeba wszystko zrobić dokładnie i jakościowo!

😉 Fuszerka nie przejdzie! Wszystko będę sprawdzać!

Wymagania dotyczące pracy:

1. Zabrać 2 żarówki na brzuchu...

2. Oczy mają składać się z 2 kółek, centralna tęczówka - niebieskiego koloru (możecie sami doradzić).

3. W pupie - na dole świeci światło niebieskie.... To typowe pole magnetyczne (lewytacja) - więc 100% trzeba zrobić, aby ten kolor zmieniał się przez skrypt na: czerwony, żółty, zielony

4. Uszy cienkie jak na obrazku nr 2 + Kształt ciała i głowy jak na obrazku nr 2

Co będzie animowane?

1. Usta w 4 pozycjach: (Tak jak na obrazku, równa linia, kółko, końcówki zagięte w dół) - Tutaj sami podpowiedzcie jak to poprawnie animować?

2. Głowa (w lewo-wprawo)

3. Ręce (w kółko, w górę-w dół)

4. Cały model po osi (żeby można było go obrócić bokiem czy tyłem.)

5. Nieobowiązkowo, ale jeśli zrobicie animację oczu - jestem za!

Model potrzebny do WebGL: animować postać na stronie przez JavaScript Three.js (Jeśli macie inny stos - wskaźcie).

Na wyjściu od Was potrzebuję:

1. Plik w formacie .glb NIE WIĘCEJ niż 500kb (format i rozmiar możemy omówić...)

2. Z tego co już opanowałem w animacji, będziecie musieli:

2.1 Zawsze 'zapiekać' (Bake) podstawowe cienie (Ambient Occlusion) bezpośrednio w teksturę, aby rozmiar był mniejszy.

2.2 Można nawet zapiec światło całkowicie (PBR -> Shadeless/Unlit), wtedy w Three.js w ogóle nie trzeba dodawać obiektów oświetlenia (Light)

3. Nazwy animacji i za co odpowiadają...

4. Model ma być jak najprostszy i lekki....

Jak przyjmuję pracę...

Etap 1. - stworzenie postaci - wysyłacie zrzut ekranu... Dyskusja zatwierdzenia.

Etap 2. - stworzenie modelu .glb - testujemy tutaj https://gltf-viewer.donmccurdy.com/

Etap 3. - animacja - Sprawdzam przez skrypty czy działa.