Tela HTML5: lo stesso codice genera risultati diversi in browser diversi

Question

In un semplice test su tela creato per scopi di misurazione delle prestazioni e della qualità, un canvas è dipinto con colori e immagini casuali durante un periodo illimitato.

Un campione è mostrato qui: http://litterific.com/minisite/

Attenzione: aperto solo questo a Opera o Chrome, lo script è piuttosto pesante in grado di riagganciare su computer lenti, non lasciare lo script in esecuzione, mentre si stanno prendendo il caffè;)) È solo un prototipo approssimativo e non l'ha ottimizzato.

Quello che ho notato è che i risultati come dipinto dallo script (js/asset.js) sono diversi in vari browser. Soprattutto in Opera c'è molto di più "verde" nel dipinto che in Chrome

codice si trova qui: http://litterific.com/minisite/js/asset.js

La mia domanda è:

Come questo è causato . Semi casuali diversi? Arrotondamenti diversi o comportamento di colore diverso in Opera?

Nota: è esattamente lo stesso script in entrambi i browser, quindi potresti dargli un'occhiata sia in Chrome che in Opera.

Answer 1

Non è numeri casuali che causano i problemi, è dati dei pixel "divertenti". Ecco la modifica:

for (i = 0, n = pixels.data.length; i < n; i += 4){ 
    pixels.data[i + 0] = Math.max(0, Math.min(255, Math.floor(r * f))); 
    pixels.data[i + 1] = Math.max(0, Math.min(255, Math.floor(g * f))); 
    pixels.data[i + 2] = 0; 
    pixels.data[i + 3] = pixels.data[i + 3]; 
} 

Se si assicura che i valori dei pixel siano numeri interi nell'intervallo corretto, Opera funziona correttamente.

Oh anche, e questo è probabilmente ovvio, va molto più veloce se si sollevano quelle moltiplicazioni fuori dal giro.

Answer 2

Come hai indovinato, Math.random inizia con un seme diverso in ciascun caso. Purtroppo non c'è modo di fornire un seed fisso alla funzione Math.random. Se hai davvero bisogno di questo, dovrai trovarne uno o implementarlo da solo.

Ho notato che diverse implementazioni di canvas variano leggermente quando si disegnano oggetti parzialmente opachi, ma si tratta di un problema minore rispetto alle sequenze casuali differenti!

Btw, lo script fa produrre bel uscita cercando :)