Spela med matematik: göra animerad GIF och HTML5 (13 / 15 steg)
Steg 13: Crazy - Alien Sky och Road
Denna formel genererar en perspektiv prickade sky och road.
Obs: Om du vill uppleva interaktivitet, och få de bästa färgerna absolut följa http://www.openprocessing.org/sketch/138961. Flytta musen upp och ner förändringar färg; rör sig horisontellt ändrar perspektivvinkeln.
Formel
BREDD = 300;
X_MIN = -1; X_MAX = 1;
Y_MIN = 0,5; Y_MAX = -0,5;
RATIO = 2;
TIME_INCREMENT = 0,5;
OUT_PAUSE = false;
STOMMEN = TWO_PI / TIME_INCREMENT;
färg hsb (x, y, t) {
IF(y==0)
återvända färg(0); undvika noll-klyftan
AY = abs(y);
flyta riktning = ((mouseX - bredd/2) / bredd) * TWO_PI;
flyta val = cos(1/ay+t) * cos (x/ay - riktning); perspektiv ställen raster
Val = 1 - pow(val,4); öka kontrasten
Val * = y/Y_SPAN * 2; Fade horisonten för att undvika moiree
float band = sq (1 / (x/ay - riktning)); V mask för centrala band
flyta color_shift = mouseY/höjd; H offset
Packa allt i HSV
flyta h = 1+sin(val/2) + color_shift;
flyta s = 3;
flyta v = y < 0? 3:band;
returnera färg (h * 85, s * 85, v * 85);
}