Bearbetning: Instructables logotyp animation (3 / 3 steg)
Steg 3: Instructable logotyp animation
För detta projekt kommer vi att behöva resurser som bilden av instructables robot, jpeg av alfabet I, N, S, T, R, U, C, T, A, B, L, E, S och anpassade teckensnitt. Jag har komprimerat alla dessa i en .rar fil som du hittar i bilagor. Du behöver att utvinna dessa resurser till samma mapp där din kod ligger annars inte fungerar det.
Nästa sak är koden. Jag kommer att förklara pseudo koden för detta projekt i steg:
- Deklarera bildobjekt (exempel: PImage imgrobo;)
- Deklarera teckensnitt (exempel: Pfont teckensnitt;)
- Skriva utan laga kraft setup (instruktioner som du placerar i installationsprogrammet initieras en gång)
- Anger storleken på fönstret (i vårt fall vi måste ställa in den till 1080 x 720 bildpunkter)
- Importera bilder (exempel: imgrobo = loadImage("imgrobo.gif");)
- Ladda teckensnitt och ange teckenstorlek
- Ställa in värden för variabler
- Installationsprogrammet slutar. Deklarera variabler
- Skriv void Rita (instruktioner som du placerar i installationsprogrammet initieras i loop)
- Ange bakgrundsfärg (dess vita i detta projekt, 255 är RGB-kod)
- Översätt ursprung att centrera
- Med hjälp av en om skick och en variabel översätta instructables robo.jpeg från höger till vänster
- Efter att översätta alternativa brev bilden av INSTRUCTABLES vertikalt med hjälp översätta funktion
- När det är skriver utforska andel göra och skaka den när musen placeras på den. Detta kan uppnås genom att ställa upp och om villkor så att när mouseX och mouseY är på texten x, y-koordinaten för text ändras slumpmässigt av + eller-1. Du kan använda slumpmässiga funktionen (random(-1,+1);).
Nu när vi har skrivit koden, är det dags att göra en video av det. Detta är verkligen enkelt och kan göras från att behandla ansökan. Först införa denna rad i slutet av Rita funktion (saveFrame("Frame/###.png");). Vad detta innebär är som varje gång Rita funktion körs det fångar den visuella ram till en .png-fil och spara den till en mapp som heter ram i samma mapp där koden sparas. För att skapa en film går att behandla ansökan och sedan Verktyg--> Movie Maker. Ange platsen för Frame mapp och lägga till ljud om du vill. Jag har bifogat en skärmdump av detta steg i bilderna ovan.
Logotypen animationen är redo. Skicka mig om du skapar någon. Happy läsning.