DTE :]

Sunday, November 18, 2012

JavaScript Pengacak Warna

Kode Heksa Warna Acak

"#"+((1<<24)*Math.random()|0).toString(16);

Deret Warna Terdaftar

Mendapatkan warna secara acak berdasarkan barisan warna yang sudah terdaftar:

// Deret warna
var colors = ["#345", "#292222", "#990000", "black", "#ffa500", "#fff3db"];
// Mengambil warna secara acak dari array `colors`
// dan memasukkan hasilnya ke dalam variabel `a`
var a = colors[Math.floor(Math.random()*colors.length)];

Pembaharuan

Yang ini sedikit panjang, tapi hasilnya lebih stabil dibandingkan dengan yang pertama, serta bisa menghasilkan urutan warna yang lebih indah. Dalam beberapa kesempatan, Saya melihat kode pengacak warna yang pertama menghasilkan warna yang tidak valid (pengacak warna hanya menggenerasikan lima digit kode saja, bukannya enam digit seperti yang seharusnya):

function getRandomColor() {
    var letters = '0123456789ABCDEF'.split(''),
        color = '#';
    for (var i = 0; i < 6; ++i) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}

Penggunaan

document.body.style.backgroundColor = getRandomColor();

Referensi: SO - Random Color Generator in JavaScript

Labels: ,

17 Comments:

Post a Comment



<< Home