Spela med matematik: göra animerad GIF och HTML5 (2 / 15 steg)
Steg 2: Formel grunderna
För de otåliga
Få din MathVision.html sida igång som beskrivs innan. Hoppa över resten av det här steget och kopiera-klistra in formeln kodblocken av nästa steg i rutan formel att prova dem.
Skapa formler
MathVision.html är baserad på Processing.js, som är en särskilt genomförandet av bearbetning, körs i en webbläsare. Syntaxen är därmed en förenklad variant av programmeringsspråket Java.
Du kommer att behöva lära dig tre saker:
- Tilldela värden, gillar bredd = 300;
- Med hjälp av funktioner, som color(...), dist(...), cos(...)
- Definiera funktionen rgb(...)
Ah, och semikolon är bara här till separata uttalanden.
En typisk formel består av två delar:
Del 1: Definiera parametrarna
BREDD = 300;
RATIO = 1;
X_MIN = -16; X_MAX = 16.
Y_MIN = -16; Y_MAX = 16.
Dessa parametrar avgör bildens storlek i pixlar, dess storlek andel och x och y spänner. Klicka på [Visa/Dölj formel användning] för att få en lista över möjliga parametrar.
Del 2: Definiera funktionen rgb()
färg rgb (x, y) {
återvända color(x*x+y*y);
}
Enkelt uttryckt, anger funktionen rgb() färg för en pixel på en given (x, y) koordinat.
Kommentarer
Kommentarer är föregås av en dubbel rista upp / /. I nästa steg infoga jag kommentarer i formeln för att markera platser förtjänar förklaringar. Kommentarer är bara ignoreras när formeln körs.
Detta är en kommentar
Variabler
int en = 234;
flyta b = cos(PI/3);
Variabler är lagringar att få värdena för tillfälligt arbete. Vanliga typer är heltal (int) och flyttal (float).
I exemplet ovan har vi skapat en variabel som heter en, av heltalstyp initierats med 234. Sedan har vi skapat en variabel som heter b, flytande typ, och initierats med cosinus för π/3.
Anropa funktioner
Du kommer sannolikt använda matematiska funktioner, se http://processingjs.org/reference/ och leta efter den matematiska gruppen.
Kör din formel
När du har antingen klistras in en formel i rutan eller skapat och skrivit din egen en, klicka på knappen kör under posten området.
Det är lätt att göra syntaxfel. I sådana fall genom att klicka på kör, MathVision kommer att varna dig av en meddelanderuta. Varningsmeddelandet kan tyvärr inte vara mycket tydligt att lokalisera problemet.
Spara ditt arbete med jämna mellanrum
Definiera ett basnamn för export och sparar. Spara ditt arbete genom att klicka på Spara formel som...