Oppure

Loading
09/03/12 13:04
dotNET
Ciao a tutti, sto facendo un gioco in html 5, il cielo lo disegno con un linearGradient che va da #36a8ff (azzurro scuro) a #c3e5ff (azzurro chiaro).
Nel gioco il sole scende lentamente, e vorrei riuscire a modificare i due colori limite del linearGradient in modo che il cielo diventi sempre piu scuro, non penso basti convertirlo in decimale e decrementarlo sempre di piu il colore, perchè così facendo cambiarebbe anche il colore di base (blu).
Qualcuno ha qualche altra soluzione?

Nel concreto mi servirebbe un algoritmo per una funzione che attriaverso i parametri, colore iniziale, finale e progresso mi generi il colore esatto.
flashandmath.com/howtos/colortrans/ questo è un esempio di quello di cui avrei bisogno in javascript



Risolto se servisse :
function interpolateColor(minColor,maxColor,maxDepth,depth){
 
    function d2h(d) {return d.toString(16);}
    function h2d(h) {return parseInt(h,16);}
 
    if(depth == 0){
        return minColor;
    }
    if(depth == maxDepth){
        return maxColor;
    }
 
    var color = "#";
 
    for(var i=1; i <= 6; i+=2){
        var minVal = new Number(h2d(minColor.substr(i,2)));
        var maxVal = new Number(h2d(maxColor.substr(i,2)));
        var nVal = minVal + (maxVal-minVal) * (depth/maxDepth);
        var val = d2h(Math.floor(nVal));
        while(val.length < 2){
            val = "0"+val;
        }
        color += val;
    }
    return color;
}
Ultima modifica effettuata da dotNET 09/03/12 13:53
aaa
20/03/12 16:46
subazu
Ciao, in teoria se incrementi singolarmente le 3 coppie di caratteri che compongono il numero del colore questo dovrebbe scurirsi o schiarirsi...
Ti consiglio quindi, dato che il codice esadecimale è formato da #rrggbb di fare delle prove incrementando i valori singoli dei vari colori (magenta giallo e blu) prima in maniere uguale e poi proporzionale.

Il ragionamento di fondo è che se #FFFFFF è il bianco e #000000 è il nero, credo che il rapporto fra colori fondamentali R = 1 G = 1 B = 1 determini il colore (il grigio in questo caso) e la loro quantità assoluta la tonalità....

questi solo uno spunti però, perché anche io non ho una precisa idea di come fare ;-)
Ultima modifica effettuata da subazu 20/03/12 16:56
aaa