Digital 3D avatar singing and dancing controlled by users
Kliknutím na centrálne okrúhle tlačidlo CLICK ME spustíte hudbu.
The avatar will start playing 10 náhodné pohyby.
• You can try with the number keys from 1 do 10 ktoré nájdete zoradené na ľavej strane klávesnice (nad písmenami) zmeniť tanečné pohyby.
• With the 4 stredovými šípkami na klávesnici môžete zmeniť polohu avatara.
• With the + and – key found on the numeric keypad to the right of the keyboard, môžete priblížiť a oddialiť avatara.
Enjoy!
Ako urobiť svojho 3D NFT avatara tancom na hudbu?
SiZnudená opica? Možno ste aCryptoPunk? Nie? Možno trochu viacMeebit nežDžin? Bez ohľadu na váš vkus NFT avatarov, je jasné, že okolo umenia založeného na osobnosti vzniká nový svet. Niektoré z týchto avatarov sú už 3D a iné vyžadujú kreativitu širšej komunity, aby im vdýchla 3D život. Nezáleží na tom čo, predsa, vidíme, že svet umenia založeného na osobnostiach sa vďaka NFT posúva na hranice svojich možností.
Dnes, prelomíme limit a ukážeme vám, ako urobiť vaše 3D avatary vzrušujúcejšie, viac zábavy, a, dúfam, viac vírusové použitiePiňata ako chrbtovú kosť toho všetkého. Digitálne zážitky si dnes vyžadujú kombináciu viacerých mediálnych súborov. Obraz je zábavný, ale obraz nastavený na zvuk je zážitok. Video s prekrytím textu môže zmeniť celý pocit. 3Modely D sa už skladajú z mnohých rôznych mediálnych súborov. Siete, textúr, shadery, a viac. Čo keby sme mohli zahrnúť animácie a zvuk do jedného jednotného zážitku??
Urobme presne to!
Začíname
Aby ste mohli postupovať podľa tohto návodu, nemusíte vedieť, ako kódovať (#TeamNoCode). Ale budete potrebovať nejaké veci, aby to všetko fungovalo.
- Stiahnuť ▼Blender. Je to zadarmo, open source desktopová aplikácia, ktorá uľahčuje prácu s 3D súbormi a animáciami.
- Zaregistrujte sa na aMixamo účtu. Mixamo je produkt Adobe, ktorý vám umožňuje zostaviť 3D modely a animovať ich.
- Získajte 3D NFT avatar (toto môže byť drahé, takže neváhajte a vezmite si model postavy z Mixamo alebo Sketchfab alebo akéhokoľvek iného trhu s licenciou Creative Commons, ak chcete). Použijem aktívum zo Sketchfabu.
- Zaregistrujte sa na aPinata účet.
Bez ohľadu na to, ako nakoniec získate svoje 3D aktívum, budete musieť určiť, aký by mal byť váš ďalší krok. Model chceme vybaviť v Mixame, ale urobiť to, musíme sa uistiť, že 3D model je v správnom formáte súboru.
V záujme tohto tutoriálu, Budem používať Sketchfab. Určite si stiahnem model vo formáte, ktorý je potrebné previesť, aby ste mohli tento proces sledovať.
Získanie nášho modelu
Opäť, Na to použijem Sketchfab, ale túto časť môžete preskočiť, ak už máte model, ktorý by ste chceli použiť. Sketchfab má peknú funkciu vyhľadávania, a existuje veľa modelov dostupných na stiahnutie v rámci licencií Creative Commons (len nezabudnite uviesť pôvodného umelca).
Tu je odkaz, ktorý používam pri hľadaní. Môžete to zmeniť pre akékoľvek parametre vyhľadávania, ktoré chcete. Najlepšie sú na to modely vo formáte t-pose, ale každý model, ktorý je humanoidný a má končatiny voľné od tela (význam nepripojený k iným predmetom a nie, povedať, vo vrecku) by mala fungovať.
Našiel som si robotu že sa mi páči a kým to nie je v t-póze, Páči sa mi, ako to vyzerá, tak to použijem ako príklad.
Keďže Mixamo očakáva súbory obj a fbx, Uistím sa, že stiahnem tento model vo formáte, ktorý neočakávam, aby sme mohli prejsť procesom konverzie v Blenderi. Na modeli je odkaz na stiahnutie. len na to kliknem. Samozrejme, ak chcete obísť krok konverzie, jednoducho uchopte formát fbx alebo obj a preskočte do sekcie Mixamo.
Potom, v modáli, ktorý sa objaví, Stiahnem si formát glTF.
To sa stiahne do môjho počítača v súbore zip. Všetko, čo teraz musím urobiť, je rozbaliť zips a otvoriť Blender.
Konverzia súborov v Blenderi
Keď prvýkrát otvoríte Blender, bude pre vás vytvorená ukážková scéna. Chceme odstrániť položky v kolekcii v tejto scéne. Môžete si vybrať všetky, kliknite pravým tlačidlom myši, potom vyberte Odstrániť hierarchiu.
S týmito vzorovými položkami zmizli, teraz môžeme importovať náš model. Kliknite na ponuku Súbor, potom vyberte Importovať. Keďže sťahujem formát glTF, to tu budem importovať.
S importovaným modelom, môžeme experimentovať so zoomom fotoaparátu, dimenzovanie, a osvetlenie. nemusíte, ale chcel som sa uistiť, že model vyzerá dobre. So, Oddialil som, a vybral som si nove osvetlenie. Toto vidím teraz:
Zdá sa, že je pripravený na export! Model vyexportujeme vo formáte obj, ktorý je veľmi podobný tomu, ako sme ho importovali. V ponuke Súbor, kliknite na Exportovať. Vyberte položku Wavefront (čo je typ súboru obj):
Uistite sa, že ste si ho uložili niekde, kde ho ľahko nájdete, pretože tohto chlapíka privedieme do Mixama za sekundu. Keď je export hotový, v skutočnosti získate dva súbory: súbor obj a súbor mtl. Mtl súbor je materiál, vďaka ktorému náš model vyzerá pekne. Aby sa zabezpečilo, že sa materiál pridá do Mixama, musíme vybrať oba súbory a skomprimovať ich.
Animácia v Mixame
Zobrali sme náš 3D model, použil Blender na konverziu do súboru, ktorý môžeme použiť v Mixamo, a teraz je čas pridať nejakú animáciu.
Ak ste tak ešte neurobili, zaregistrujte si účet naMixamo tu. Keď sa zaregistrujete, mali by ste vidieť takúto obrazovku:
Môžete alebo nemusíte mať model zobrazený už v ukážke. Tak aj tak, ideme to vymeniť. Všetko, čo musíte urobiť, je kliknúť na tlačidlo Nahrať znak.
V modáli, ktorý sa otvára, budete môcť vybrať súbor z počítača. Toto je miesto, kde nájdeme súbor zip, ktorý sme vytvorili z kombinovaného modelu obj a súboru mtl. Budete musieť počkať na dokončenie nahrávania a dokončenie spracovania.
Keď to bude hotové, je čas na ukážku vášho modelu a potom ho namontovať. Rigging je jednoducho proces pridávania spojov do vášho modelu, ktoré možno použiť na účely animácie. Mixamo má jednoduchý systém takeláže. Body môžete pretiahnuť na model podľa špecifikácie. Ak váš model nie je v t-póze, potom to pravdepodobne nie je symetrické. Ak je to tak, zrušte začiarknutie políčka Použiť symetriu v spodnej časti.
Keď je tento proces dokončený, uvidíte ukážku svojho modelu so základnou animáciou. Pred kliknutím na tlačidlo Ďalej by to malo dokázať, že veci fungujú podľa očakávania a môžete pridať vlastnú animáciu.
Ale počkaj!
Pred pridaním animácie, musíte dostať zmanipulovaný model z Mixama. Hneď ako uvidíte túto obrazovku, kliknete na Stiahnuť:
Všimnite si, nie sú vybraté žiadne animácie. Potrebujeme upravený model, aby sme k nemu mohli pridať animáciu v Blenderi. Po stiahnutí upraveného modelu (vo formáte fbx), otvorte nový projekt Blender, kliknite na Súbor, potom kliknite na Importovať. Vyberte fbx ako typ importu a nájdite model, ktorý ste exportovali z Mixamo.
Teraz, odložte Blender nabok. V Mixame máme čo robiť animácie.
V hornej časti stránky Mixamo, skontrolujte, či máte začiarknutú kartu Animácie a kliknite do vyhľadávacieho poľa vľavo hore. Môžete si vybrať akýkoľvek dostupný typ animácie, ale vyberiem si Tanec.
Vyberte si animáciu, ktorá sa vám páči, a automaticky sa použije na váš model. Niektoré animácie budú vyzerať lepšie ako iné v závislosti od vášho modelu. Vyberte si teda to najlepšie pre vašu situáciu. Pretože môj model má ruky, ktoré sú dlhšie ako jeho telo, Chcel som zvoliť takú animáciu, kde ruky zostali čo najviac nad hlavou. Nechcite, aby tie ruky prešli podlahou.
Vybral som si jednu z mnohých animácií „Hip Hop Dancing“.:
Keď vyberiete svoju animáciu, uvidíte, že sa okamžite použije na váš model. Celkom v pohode! Prešli ste zo statického 3D modelu na dynamicky animovaný 3D model.
Ak sa vám páči animácia, budete ho musieť exportovať, aby sme ho mohli preniesť do Blenderu.
Rýchla vedľajšia poznámka o tom, prečo musíme robiť veci týmto spôsobom. Mixamo neumožňuje exportovať plne upravený a animovaný model. Môžeme exportovať každý z nich samostatne a potom ich skombinovať v Blenderi pre hotový produkt.
Rovnako ako predtým, kliknite na tlačidlo Stiahnuť v Mixamo. Tentokrát, uvidíte inú množinu možností. Chceme len animáciu, vyberte teda možnosť Bez kože:
Teraz, keď máte stiahnutú animáciu aj upravený model, je čas urobiť nejakú prácu v Blenderi.
Pridávanie animácií v Blenderi
Predtým ste importovali upravený model do Blenderu. Teraz, musíme importovať animáciu. Kliknite na Súbor -> Importovať. Znova vyberte fbx, a potom vyberte súbor animácie, ktorý ste stiahli z Mixamo.
Keď tak urobíte, mali by ste vo svojom modeli vidieť akúsi kostru.
Toto je vaša animácia. Zatiaľ to veľa nespraví, ale napravíme to. Na paneli na pravej strane, kliknite na model a premenujte ho, aby ste to uľahčili. Práve som ten môj premenoval na „Robot“.
Urobte to isté pre svoju animáciu. Potom rozbaľte animáciu a uvidíte niečo také:
Môžete zmeniť názov tejto vnorenej „Armature.001|mixamo…“ položka k niečomu ľahšiemu zapamätateľnému ako „animácia“.
Keď to urobíte, budete chcieť otvoriť Dope Sheet. Môžete to urobiť prepnutím editora hlavného logického panela na Dope Sheet:
S otvoreným hárkom s drogami, teraz máte ďalšie možnosti. Prejdeme na Editor akcií:
Na paneli na pravej strane, kliknite na svoj model. Budete vedieť, že je vybratá, keď je zvýraznená:
Ďalšie, späť v editore akcií, nájdite rozbaľovaciu ponuku animácie a zmeňte ju na importovanú animáciu (nezabudnite, že ste to premenovali, aby ste ho ľahšie našli):
Keď to vyberiete, mali by ste vidieť zmenu pózy vášho modelu. To znamená, že animácia bola aplikovaná na model. Môžeme si to overiť prepnutím z Dope Sheet a späť do časovej osi.
Keď prepnete, uvidíte tlačidlo prehrávania. Kliknite na to, a váš model by mal teraz tancovať rovnako ako v Mixame!
Môže sa prehrávať trochu pomaly, ale neboj sa, takto to nebude vyzerať, keď to nahráme do IPFS a prehráme cez náš prehliadač IPFS Gateway 3D Viewer.
V skutočnosti už nepotrebujeme animáciu v našom okne editora Blender, takže naň môžete kliknúť pravým tlačidlom myši a vybrať možnosť Odstrániť hierarchiu:
Zostane vám len váš model. Neváhajte a uložte si svoju Blender scénu. Keď ste to urobili, posledná vec, ktorú musíme v Blenderi urobiť, je export nášho modelu.
Náš model sa chystáme exportovať vo formáte glTF. Kliknite na Súbor -> Export, potom kliknite na glFT. Pomenujte svoj súbor a uložte ho na ľahko dostupné miesto.
Prineste svoj model do Metaverse
Váš model pochádzal z (v dokonalom svete) NFT, ktorý ste si zakúpili na blockchaine. Mali by sme použiť podobnú technológiu na uloženie a zobrazenie našej novej animovanej iterácie tohto modelu.
budeme používaťPiňata na nahranie animovaného modelu do IPFS. Vytvoríme vyhradenú bránu, aby sme sa uistili, že ktokoľvek, kto si prezerá náš model, k nemu bude mať rýchly prístup a nebude musieť čakať na pomalé časy načítania verejných brán IPFS.. A na zobrazenie nášho modelu použijeme doplnok, ktorý sa poskytuje aj cez bránu.
Ako bonus navyše, do pozadia pridáme nejakú hudbu. Keď ste sa zaregistrovali do svojho účtu Pinata, pokračujte a inovujte na platený plán. Dôveruj mi, stojí to za to. Môže to byť váš domov pre hosťovanie všetkého vášho obsahu a jeho distribúciu spôsobom, ktorý úplne vlastníte. Plán začína len na 20 $ mesačne.
Keď to urobíte, teraz budete mať prístup k vytvoreniu vyhradenej brány IPFS. Berte to ako svoju osobnú mediálnu platformu. Máme tu skvelého sprievodcu nastavením vašej vyhradenej brány:
Ak chcete bránu označiť svojou vlastnou doménou, môžete to urobiť aj vy. Postupujte podľa tohto návodu:
Ako nastaviť vlastnú doménu na vašej bráne
Keď to urobíte, máte už len pár krokov, kým bude váš animovaný 3D NFT avatar aktívny a pripravený na zdieľanie. Prejdite na stránku Pin Manager a nahrajte súbor glTF, ktorý ste exportovali z Blenderu.
Keď to urobíte, je čas nájsť nejakú hudbu na roztancovanie. Nechceme porušovať žiadne autorské práva, tak poďme nájsť nejakú verejnú hudbu.FreePD je skvelé miesto na nájdenie tejto hudby. Keď nájdete hudbu, ktorá sa vám páči, stiahnuť to. Potom, nahrajte ho do svojho účtu Pinata rovnakým spôsobom, akým ste nahrali model.
Dobre, takže ste odovzdali model a odovzdali hudbu. Teraz, stačí použiť doplnok, ktorý sme vytvorili, aby vám pomohol zobraziť animované modely cez bránu IPFS. Toto bude jednoduché.
Na stránke Správca pinov, kliknite na tlačidlo Nahrať, potom vyberte CID:
Budete požiadaní o poskytnutie CID, ktoré je v sieti IPFS. Pinata nájde priradený súbor a pripne ho k vášmu účtu. Tu je CID, ktoré sa má použiť:
QmXypjaBUNuCAAt2eqEhNCGHq9B57eCZV6sqEEBYjFVefn
Dajte mu názov, ktorý si zapamätáte. Potom, čo to urobíte, možno budete musieť stránku niekoľkokrát obnoviť, kým sa zobrazí. Pinata ho nájde v sieti rýchlo, pretože ide o oficiálny doplnok, ktorý sme vytvorili a pripevnili.
Keď sa súbor zobrazí vo vašom Správcovi pinov, kliknutím na názov ho otvoríte cez vašu bránu. Všimnete si, že sa načítava s chybou. Je to preto, že nevie, aký 3D model má načítať.
Poďme to opraviť!
Na stránke, ktorú ste práve otvorili, prejdite na koniec adresy URL a pridajte nasledujúce:
?CID=THE_CID_FOR_YOUR_MODEL&audio=THE_CID_FOR_YOUR_MUSIC
Môžeš dostaťTHE_CID_FOR_YOUR_MODEL
aTHE_CID_FOR_YOUR_MUSIC
z vášho Pin Manager. Kliknite na tlačidlo kopírovania vedľa každého z nich a pridajte ho do adresy URL. Keď tak urobíte a znova načítajte stránku, váš model by sa mal načítať a buď budete okamžite počuť prehrávanie hudby, alebo v pravom hornom rohu uvidíte tlačidlo prehrávania. Kliknite na to, a budete mať tanečný 3D model so zvukom na pozadí.
Tu je moja robota:
Pinata IPFS 3D Loader
Rýchly a ľahký glTF 2.0 prehliadač scén poháňaný engine PlayCanvas WebGL a Pinata
Osvetlenie nemusí byť dokonalé, ale môžete rozbaliť okno vľavo a upraviť osvetlenie a iné veci.
Zabaliť sa
Toto je dôkaz možného. NFT menia spôsob, akým uvažujeme o zážitkoch, a potrebujeme technológiu, aby sme udržali krok, hlavne vo Web3. Dúfam, že ste sa prostredníctvom tohto tutoriálu naučili nové spôsoby, ako zlepšiť svoje NFT, použite IPFS, a rozšíriť to, čo je možné, vďaka špecializovaným bránam a Pinate. Teraz, pustiť sa do tvorby.
Veľa šťastia pri pripínaní a tvorení!
Napísal Justin Hunter
https://medium.com/pinata/how-to-make-your-3d-nft-avatar-dance-to-music-38bcd1439cf4