Spelen met wiskunde: Maak geanimeerde GIF en HTML5 (2 / 15 stap)

Stap 2: Formule Basics


Voor degene die ongeduldig

Krijg uw MathVision.html pagina te starten zoals voordien beschreef. De rest van deze stap overslaan en kopieer-plak de formule codeblokken van de volgende stappen uit in het vak Formule om te proberen hen.

Formules maken

MathVision.html is gebaseerd op Processing.js, die een bepaalde implementatie van de verwerking, is uit te voeren in een webbrowser. De syntaxis is dus een vereenvoudigde versie van de programmeertaal Java.

U zult moeten leren van drie dingen:

  1. Toewijzen van waarden, zoals breedte = 300;
  2. Met behulp van functies, zoals color(...), dist(...), cos(...)
  3. Definiëren van de rgb(...) -functie

Ah, en de puntkomma's zijn alleen hier te scheiden van de verklaringen.

Een typische formule bestaat uit twee delen:

Deel 1: De parameters definiëren

 WIDTH = 300; RATIO = 1; X_MIN = -16; X_MAX = 16; Y_MIN = -16; Y_MAX = 16; 

Deze parameters bepalen de grootte van de afbeelding in pixels, de verhouding van de grootte en de x - en y -reeksen. Klik op [Toon/Verberg formule gebruik] om een lijst van mogelijke parameters te krijgen.

Deel 2: De rgb() functie definiëren

 color rgb(x, y) { return color(x*x+y*y); } 

Simpel gezegd, definieert de rgb() functie de kleur van een pixel op een bepaalde (x, y) coördinaten.

Opmerkingen
Opmerkingen worden voorafgegaan door een dubbele slash / /. In de volgende stappen invoegen ik opmerkingen in de formule om te markeren van locaties verdienen uitleg. Opmerkingen zijn gewoon genegeerd wanneer de formule wordt uitgevoerd.

 // this is a comment 

Variabelen

 int a = 234; float b = cos(PI/3); 

Variabelen zijn opslagplaatsen te ontvangen van uitzendwerk waarden. Gebruikelijke typen zijn gehele getallen (int) en getallen met drijvende komma (float).

In het bovenstaande voorbeeld, hebben we een variabele met de naam eeninteger type, geïnitialiseerd met 234. Vervolgens hebben we gemaakt van een variabele met de naam b, van punttekst, drijvende en geïnitialiseerd met de cosinus van π/3.

Functies aanroepen
U zult waarschijnlijk gebruik van wiskundige functies, http://processingjs.org/reference/ zien en kijken voor de Math -groep.

Uitvoeren van uw formule
Zodra u hebt geplakt een formule in het vak Hoofdgegeven of gemaakt en uw eigen getypt, klikt u op de knop uitvoeren onder het tekstinvoergebied te plaatsen.

Het is gemakkelijk om syntaxisfouten. In een dergelijk geval, waarschuwt na het klikken op uitvoeren, MathVision u door een berichtvenster. Helaas, het waarschuwingsbericht mogelijk niet duidelijk te vinden van het probleem.

Uw werk regelmatig opslaat
Definieer een basisnaam voor uw export en bespaart. Uw werk opslaan door te klikken op opslaan formule as...

Gerelateerde Artikelen

Spelen met eten: Maak een banaan varken

Spelen met eten: Maak een banaan varken

Ouders die hun jonge geitjes niet te spelen met hun eten vertellen zijn zwaar misleid; Er is geen betere manier om te genieten van het eten dan om te spelen met eten. Aardappelpuree zijn prachtig als je kunt ski's naar beneden de heuvel, in een jus m
Maak geanimeerde GIF's in photoshop

Maak geanimeerde GIF's in photoshop

dus dit is een ' ible op hoe u de animatie van GIF afbeeldingen in photoshop, doodsimpel, veel plezier en zeer gemakkelijk te doen, wel een beetje arbeid intensief, in vergelijking met de flitser, is dit frame voor frame animatie...U vindt meer proje
Het maken van geanimeerde GIF-bestanden

Het maken van geanimeerde GIF-bestanden

deze handleiding kunt u maken die bewegende beelden geanimeerde gif's genoemd. Dit zijn geen films maar foto's die zijn gecombineerd en worden weergegeven in een diavoorstelling wijze geven de afbeelding het uiterlijk van een film.Stap 1: het maken v
Hoe maak je een geanimeerde GIF uit een video bestand met behulp van alleen freeware

Hoe maak je een geanimeerde GIF uit een video bestand met behulp van alleen freeware

voor degenen onder u die niet weet een GIF-indeling is de meest gebruikte beeld formaat ondersteuning van meerdere frames in een slidshow of animatie. met andere woorden kun je korte video's waar normaal gesproken alleen beelden gaan.Ik heb wilde mak
Hoe maak je een geanimeerde GIF

Hoe maak je een geanimeerde GIF

In deze tutorial zal ik je laten zien hoe maak je een elementaire geanimeerde gif, met enkele basistechnieken bewerken in Adobe Photoshop CS5. Let op: voor deze tutorial hoeft u een basiskennis van photoshop.Stap 1: Open PhotoshopStart Adobe Photosho
Hoe maak je een geanimeerde Gif van Video

Hoe maak je een geanimeerde Gif van Video

Gebruik Imgur automatisch omzetten van 15 seconden voor elke video van Youtube of Vimeo in een geanimeerde Gif.
SPELEN met parallelle poort (Maak uw eigen GUI met TURBO C controle van uw ROBOT

SPELEN met parallelle poort (Maak uw eigen GUI met TURBO C controle van uw ROBOT

Dit instructable is onderdeel van mijn boek spelen met parallelle poort. in dit instructable zullen we gaan om te leren over Turbo c communicatie met parallelle poort. laat begin...deel te worden opgestart1. LED (Light Emitting Diode)2. jumper draden
Een geanimeerde GIF te maken

Een geanimeerde GIF te maken

Opmerking: deze pagina misschien neem een moment om te ladenNiets vat dingen als een geanimeerd GIF-bestand, en als u tijd hebt besteed op het Internet heb je ongetwijfeld gezien een paar. Voor degenen die laat aan klasse kwamen, is een geanimeerde G
Maken van een geanimeerd GIF van een kleine object

Maken van een geanimeerd GIF van een kleine object

het idee is om een korte videoclip van een roterende object en het omzetten van een GIF89a-bestand die in een eindeloze lus in een webbrowser spelen zal.Met behulp van een gemotoriseerde draaitafel zoals een platenspeler, het object kan worden gemaak
Geanimeerde GIF-Logo

Geanimeerde GIF-Logo

Neem uw logo en transformeren in een GIF-animatie geweldig!--------------------------------------------------------Merk op dat het deze instructies werden gemaakt op een Mac met Photoshop CS6, dus als je een ander besturingssysteem of software, sommi
De Pizzoetrope: Het maken van een geanimeerde GIF op een Pizza

De Pizzoetrope: Het maken van een geanimeerde GIF op een Pizza

De Pizzoetrope is een project dat ontwikkeld op basis van mijn interesse in de populariteit van pizza op het internet en de manier waarop dat populaire cultuur wordt gevierd, met name op sociale netwerksites zoals tumblr, door het omzetten van bewege
Hoe te doen een pull-Vitrigraph - of - hoe te spelen met gesmolten glas

Hoe te doen een pull-Vitrigraph - of - hoe te spelen met gesmolten glas

In dit Instructable, ik zal u tonen hoe te opstelling van een Vitrigraph (Vitri = glas, grafiek = schrijven, schrijven met glas). Deze techniek is een leuke manier om het glas dat maakt geen gebruik van een fakkel of Kroes te smelten het manipuleren.
DIY manieren om te spelen met Sphero: zwemmen accessoires

DIY manieren om te spelen met Sphero: zwemmen accessoires

Sphero heeft een reputatie voor het maken van een plons in het zwembad partijen. Met zijn high-impact Polycarbonaat shell is hij in staat om de uitrol van een uitzonderlijke cannonball duik. Aangezien hij al waterdicht en met gemak drijft, zijn alles
Hoe Maak geanimeerde optische illusies

Hoe Maak geanimeerde optische illusies

Maak geanimeerde optische illusies, hoeft alleen maar te downloaden en afdrukken. Wees voorzichtig met het afdrukken op transparante folie film als Laser printer hoeft te gebruiken folie film voor laser afdrukken omdat andere film folie kan worden ge