Kleine Animatie

Kleine animaties

Onderzoek

Ik had eerder al vis-models gemaakt, en nu was het tijd om deze in de scene te laten rondzwemmen.

Eerst ging ik opzoek naar de animatie-mogelijkheden in Unity.

Het animeren van fbx-models, maar ook van het gebruik van Shader Graphs werd erg veel gesproken.

Wat is een Shader Graph?

Een Shader Graph is een soort van tool waarmee je Materials in Unity kan manipuleren.

Zo kan je bijvoorbeeld een regenboog-patroon bekomen met 1 material, maar kan je je Material ook animeren.

Vooral het animatie-deel vond ik iets heel raars. Hoe kan je nu een material animeren?

Ik ging dus opzoek naar uitleg en tutorials van Shader Graphs, en verloor onmiddelijk de motivatie om hier iets mee te doen. De structuren dat je hiermee moet maken om tot een leuk resultaat te komen was ongezien.

Om even een voorbeeld te geven van een Shader Graph:

Dit is Chinees voor mij, dus liet ik dit even voor wat het was.

Visjes - FBX

Ik besloot om mijn visjes te animeren via Cinema 4D. Ik heb nu wel al redelijk wat model-ervaring, dus dat ging best vlot.

Ik animeerde de vissen met behulp van Deformers in C4D, en op een 20-tal minuten had ik een prachtig geanimeerde vis.

Wat ik niet wist, is dat veel convert-formaten geen deformers en gekke tools ondersteunen.

FBX was hier natuurlijk 1 van. Ik exporteerde mijn vis naar Unity, maar zag geen teken van leven in de vissen.

Ik moest dus anders tewerk gaan met het animeren van de vissen, en zorgde ervoor dat ieder segment van de vis apart kon draaien. Over deze animatie deed ik 45 minuten, maar ik had eindelijk een vis die wel ondersteund werd door Unity.

Om animatie in de vis te steken, moeten we terug naar de parent-model van de vis gaan, en een clip maken van de animatie.

Deze clip kunnen we nu letterlijk van C4D nemen, dus dat spaart ons wat werk. Open terug je Animator, en sleep je clip in de Animator.

In de animator-component van je visje mag je de animatie nu wel op loop laten staan, aangezien de vis constant zal rondzwemmen.

De laatste stap is terug een Script schrijven om de positie van de vis ook te animeren. Ik werkte met een Vector3.forward in combinatie met Rotatie om de vis in een cirkel te laten zwemmen.

Zeewier - Shader Graph

JA! JE LEEST HET GOED!

Ik ga de Shader Graph-uitdaging aan!

Aangezien het nog steeds de bedoeling is om zoveel mogelijk bij te leren over Unity, besloot ik om toch die Shader Graphs uit te proberen.

Na het volgen van enkele basis-tutorials over Shader Graphs, begon ik de verschillende basis-componenten een beetje te begrijpen.

Eigenlijk is het een kwestie van veel proberen, logisch nadenken, en vooral begrip hebben van de mogelijkheden.

Eerste maakte ik een nieuw mapje aan, genaamd Shader Graphs. In dit mapje moet je eerst een nieuwe Material aanmaken, en een Shader Graph via Create → Shader → Universal Render Pipeline → Lit Shader Graph.

Geef dan je material een Shader, en zoek naar je eigen Graph Shader:

Open je Shader Graph. Deze zou bovenaan naast je Scene & Game moeten openen.

Nu is het een kwestie van allerlei nieuwe objecten aan te maken, en een leuke structuur te bekomen. Ik raad aan hier tutorials over te volgen voor een beter inzicht in deze verschillende componenten.

Mijn Shader Graph voor een smooth-bewegend-zeewierblaadje zag er zo uit. Ik weet dat je hier waarschijnlijk niet erg veel aan hebt, maar zoals ik al zei: Het is echt een kwestie van uitzoeken.

De laatste stap is om deze material toe te voegen aan de zeewier-model, en voila!