Ook dit filmpje is een product van een poging tot het vinden van een nieuwe vormgeving voor de site. Op een of andere manier kom ik niet van het bauhaus font af. Ook dit is het niet geworden maar het opnieuw is het te leuk om niet te laten zien.

Ik weet dat ik voor de vakantie een expirimentje heb geplaatst over form en wat het kan doen in after effects. Toch wou ik nog eens spelen met deze plug-in en het resultaat tonen.

Voor meer informatie over form kun je hier klikken en hier voor trainingsvideo’s, die je ook heel veel kunnen vertellen over het product.

Voor alle mensen die van video en motion graphics houden heb ik wat leuke tips. De eerste is Universal Production Music, die je een ontzettend grote bibliotheek heeft met filmmuziek en geluiden die via het internet door te bladeren is. Hoewel je voor gebruik een licentie bij Buma Stemra moet hebben kan me voorstellen dat het heerlijk is om door heen te bladeren op zoek naar de muziek die je nodig hebt.

De tweede tip is een nieuwe After effects plugin van Trapcode genaamd form. Net als hun particular plugin gaat het hier om een particle plugin maar resulteert form meer in suggesties van vormen en vloeistoffen in plaats van losse particles. Helaas heb ik er op mijn pc niet bijster veel aan omdat ik absoluut niet in staat ben deze plugin te RAM previewen, maar mocht je een super pc hebben dan is dit natuurlijk smullen.

Het filmpje dat hier boven staat combineert beide tips om snel te laten zien wat je er mee zou kunnen doen. Helaas duurt het produceren van een filmpje op mijn pc een eeuwigheid en is dat toch jammer als je form steeds flow noemt .

In aanloop van mijn stage periode ben ik mezelf aan het presenteren voor allerlei instanties en bedrijven als het nieuwe talent op gebieden van crossmediale en vernieuwende communicatie. Een van deze instanties is de veronica academy die, als ik wordt toegelaten, me 6 maanden gaan onderwijzen in de kunst van crossmediale formats schrijven.

Voordat het motivatie gesprek plaats vind moet je in 2 of 3 minuten via een filmpje vertellen waar jij naar de veronica academy zou willen. Nu was de oorspronkelijk aangegeven datum vandaag maar deze is komen te vervallen. Toch wil ik hier alvast mijn filmpje neerzetten omdat het toch een kleine 200 foto’s bevat en een flink aantal uurtjes werk in zit.

Het idee achter het filmpje is dat ik zoveel mogelijk verschillende media heb gebruik om mijn verhaal te vertellen, de foto’s met teksten zijn afkomstig van t-shirts, verkeersborden, boeken, mobiele telefoon, NS informatie borden en allerlei andere zaken die ons dagelijks met informatie bestoken. Het tempo van het filmpje ligt heel hoog maar is daardoor misschien interessant om een paar keer te bekijken .

Tijd voor deel 2 van deze bijna spontaan geschreven serie tutorial over headtracking. Vandaag gaan we eens kijken hoe we variabelen uit VVVV overzichtelijk kunnen neerzetten en ze door te sturen naar flash. Opnieuw is dit niet een heel ingewikkeld actie maar ik leg het liever 1x uitgebreid uit zodat iedereen er mee aan de praat kan in plaats van snel uitleggen en overladen worden met vragen.

Als je deel 1 nog niet heb gedaan raad ik je eerst aan om deze te volgen, anders kun je verder met dit deel. Verder heb een piep klein beetje basiskennis nodig van flash, dit komt mede doordat deze tutorials voor KNT studenten is geschreven. Maar misschien kom je er aan de hand van de afbeeldingen achter hoe je flash kan omvormen tot jou eigen wil. Voor als je aan de slag gaat zorg ervoor dat je het bestand van de vorige keer nog hebt, mocht je deze niet meer hebben vermoed ik dat je deze heel snel in elkaar kan knutselen en zie het als een goede oefening . Gelukt? dan gaan we verder

Waardes van DetectObjects makkelijk weergeven

Zoals je ziet in de afbeelding kun je de variabelen die uit DetectObjects komen weergeven in een kadertje. Dit doe je door middel van dubbelklikken op het grijze vlak en in te typen IObox (value advanced). Een IObox is in VVVV hetzelfde als het aanmaken van een Variabele in andere talen een ingebouwde weergave van de waarde. Maak je nog even geen zorgen om meerdere objecten tegelijkertijd, want daar gaan we de volgende keer mee aan de slag.

Neem nu de X waarde van DetectObject en verbind deze aan je nieuwe IObox, wat je nu ziet is dat de waarde wordt weergegeven op het scherm. Hoewel dit niet noodzakelijk is om het door te zenden naar flash is het wel makkelijk om te zien of alles goed gaat.

Van VVVV naar flash

Nu we kunnen zien wat voor waarden DetectObjects geeft, gaan we kijken hoe je flash kunt toepassen in VVVV. VVVV heeft een flash renderer die net als een VideoOut kan starten. Je dubbelklikt ergens in het grijze vlak en typt renderer(flash). Deze renderer laat gewoon je flash filmpje zien maar heeft als input pins een aantal interessante mogelijkheden. De gene die we nu gaan gebruiken zijn SET which variables en SET variables to which value. We beginnen heel makkelijk met 1 variabele die we door gaan sturen en daarna gaan we eens in flash kijken.

Maak een IObox(String) aan, dubbelklik hierop en typ in: “headX“. Verbind deze aan de input pin SET which variables. Je geeft nu aan dat je in flash de headX variable wilt veranderen.

Maak nu een FormatValue node aan, dus dubbelklik ergens op het grijze valk etc, etc. Deze node gebruik je om nummerieke waarde om te zetten naar Strings oftewel gewone tekst. Dit is nodig omdat flash anders niet de variabelen herkent. Omdat de waarden die DetectObjects geeft tot 4 cijfers achter de komma gaan is het belangrijk dat je de 3e input node Character after Comma op 4 zet.

Verbind nu de IObox die de waarde van DetectObjects weergeeft met de FormatValue node en verbind deze aan de SET variables node van de flash renderer.

Toepassen in flash
Nu dat we het geheel hebben gestuurd naar flash moeten we kijken wat we er mee kunnen doen. Als je geen ervaring hebt en er niet uitkomt heb ik hier (rechtermuis knop, Save Link as) een proefbestand gestuurd. Maar het is veel leerzamer om het natuurlijk even zelf te proberen. Dus start flash op en maak een nieuw document aan. Zorg ervoor dat je ActionScript 2.0 als taal heb staan (Sinds MX 2004 de standaard) en vul de volgende code in:

var headX:Number = new Number(0);

Maak nu vervolgens op het canvas een dynamisch tekstveld aan , maak de tekstkleur wit en geef in het var veld headX op. Sla en geheel op en exporteer het als een .swf.

Nogmaals dit is geen flash tutorial dus ik ga ervan uit dat je dit kan (file->publish settings) Al je nu naar de flash renderer in VVVV gaat en je klikt met de rechtermuisknop op de 6e input node kun je het flash bestand kiezen dat je wilt laten zien. Als het goed is zie je nu de variabele in het scherm zich aanpassen aan het hoofd dat getracked wordt.

Meer variabelen

Nu dat we een variabele kunnen door sturen willen we natuurlijk meer! Meer! Meer! Meer! Het probleem is dat dit meteen een stuk lastiger is door het aan de hand moet van een Array of een Spread in VVVV termen. Ik zal dit donderdag in een korte tutorial uitleggen. Vrijdag gaan we kijken naar verschillende manier om meerdere hoofden tegelijkertijd te tracken en leg ik uit hoe je head-to-head pong kan maken.