1. Hello Guest, selamat datang di Forum WinPoin. Kamu bisa bertanya, berdiskusi, sharing, dan ngobrolin apapun seputar Windows, Windows Phone, PC, Gadget, atau hal seputar Teknologi lainnya. Selamat berkomunitas! ;)

Bagaimana cara merandom sebuah gambar dan warna di js?

Discussion in 'Developer Corner' started by Aghun Gugah Panca Winata, Jun 16, 2014.

  1. Aghun Gugah Panca Winata

    Aghun Gugah Panca Winata New Member

    Joined:
    Jun 16, 2014
    Messages:
    2
    Permisi master2, saya ingin menanyakan sesuatu, mohon bantuannya.

    Bagaimana cara untuk merandom sebuah gambar dalam javascript?
    Misal: saya memiliki assets 3 buah gambar, dan saya ingin menampilkan salah satu gambar tersebut tetapi secara random.

    Bagaimana cara untuk merandom warna canvas html5 (bukan background) dalam javascript?
    Misal: saya ingin warna kanvas tersebut berubah-ubah secara random, tetapi saya hanya ingin 2 warna saja yg dirandom, misal biru dan hitam.

    Mohon pencerahannya para master2 sekalian.. :desperate2:
     
    Aghun Gugah Panca Winata, Jun 16, 2014
    #1
  2. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,373
    untuk cara merandom sebuah gambar silahkan :

    Code:
    <script type="text/javascript">
var total_images = 3;
var random_number = Math.floor((Math.random()*total_images));
var random_img = new Array();
random_img[0] = '<img src="images/image1.gif"/>';
random_img[1] = '<img src="images/image2.gif"/>';
random_img[2] = '<img src="images/image3.gif"/>';
document.write(random_img[random_number]);
</script>

    Perhatikan baris ke 2, minsal banyak gambar ada tiga, berarti var total_images = 3;, random_img mulai dari 0 sampai sebanyak yang kita tentukan minsal 3 berarti 0-2, masukan gambar yang akan dirandom. :goodjob:
     
    Yusril Ibnu, Jun 16, 2014
    #2
  3. Aghun Gugah Panca Winata

    Aghun Gugah Panca Winata New Member

    Joined:
    Jun 16, 2014
    Messages:
    2
    Code:
    birdie = game.add.sprite(0, 0, 'birdie2'); //disini saya hanya membuat list untuk birdie2 saja
    sebelumnya saya makasih bnyk nih gan udh mau bantu saya :D hehe
    disini saya memiliki 3 assets yaitu: birdie1, birdie2, birdie3
    untuk pemanggilan assets tersebut saya memanggilnya melalui file.js gan bukan melalui file html
    nah yg saya mau tanyakan, bagaimana codingan untuk memanggil ketiga assets tersebut? dan bagaimana cara merandom kemunculan salah satu assets tsb?
    mohon pencerahannya master @yuzz181 :desperate2:
     
    Aghun Gugah Panca Winata, Jun 16, 2014
    #3

Share This Page