Börjar bearbetning - temperatur bildeffekter (6 / 7 steg)

Steg 6: Att sätta allt ihop

Cograts om att få detta långt! Vid denna punkt, du kanske undrar, "vad hände med att göra bildeffekter?". Jag ska låta dig en liten hemlighet - vi har gjort det hela tiden! Bearbetning koden för bildeffekter bifogas härmed. När du ser koden, kommer du omedelbart inser att det är bara en kombination av allt vi har gjort hittills!

Saker att notera:

1. skiss består av två klasser - Dial och molekyler

2. Dial klass använder sig av funktionen arc() som vi såg tidigare för att Visa temperaturförändring.

3. Vad är en map()? Det är nya! Tja, är detta förmodligen en av de viktigaste funktion när det gäller att visualisera någon form av data i bearbetning. Det fungerar så här:

Anta att du vill ändra befolkad färg i en cirkel i kartan baserat på hur tätt att området är. Låt oss säga befolkningen är något inom spänna av 1000-10 000. Men som vi vet, alla färger har en rad 0-255. Vad händer nu?

map(variable, old low, old high, new low, new high) - funktionen map() tar i en variabel, och konverterar det är värden från det gamla befintliga utbud till en ny tanke. Så, om jag gjorde något sånt här:

int colorValue = map(colorValue,1000,10000,0,255);

Detta innebär: mappa alla värden inom 1000-10000 därmed till det nya området, som är 0-255. Så, 1000 är motsvarar 0 10000 equivaent till 255 och är någon värde emellan blir mappas därmed.

4. i klassen Dial mappade vi värdet kommer från sensorn till en lämplig vinkel från 0 grader till 360 grader. Jag ställa in de låga och höga tröskelvärdena enligt DHT11-databladet (temp: 0-50, luftfuktighet: 20-90).

5. molekyler klass liknar klassen Circle, förutom det faktum att jag mappade temperatur värdet till variabeln intensitet. Detta gör att molekylerna litegrann i enlighet med ändra temperatur. Också, jag mappas fukt värdet för att ändra färg på molekylerna med föränderliga luftfuktighet.