Alterné de couleur en javascript

**Ynos-Wabbyxe** · 28/10/2015, 23h28

Bonjour , je voudrais que la couleur du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 context.fillStyle = '#166B08';

change de couleur à chaque rechargement voici le code entier de la fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
            function displayPlayer()
            {
                context.beginPath();
                context.arc(screenWidth/2, screenHeight/2, 40, 0, 2*Math.PI, false);
                context.fillStyle = '#166B08';
                context.fill();
            }

Merci de votre aide cordialement Ynos-Wabbyxe.

**ABCIWEB** · 29/10/2015, 00h41

Cela dépend de ce que tu veux faire exactement.
Par exemple pour tirer une couleur au hasard parmi un choix de couleurs on peut faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Couleur tirée au sort</title>
</head>
<body>
<div id="change_color" style="min-height:2em"></div>
<script>
function getRandomIntInclusive(min, max) {
  return Math.floor(Math.random() * (max - min +1)) + min;
}
 
// La couleur sera tirée au sort parmi les couleurs définies dans le tableau suivant
var tab_couleurs = ['#000','#00C','#900','#9C0','#F90','#F00','#090'];
// On compte la longueur du tableau pour définir la borne supérieure à utiliser dans la fonction de tirage au sort
var count_couleurs = tab_couleurs.length;
// Les index d'un tableau numérique commencent à zéro, donc le plus grand index sera égal au nombre d'éléments du tableau - 1
var index_aleatoire = getRandomIntInclusive(0, count_couleurs-1);
// On obtient la couleur tirée au sort avec tab_couleurs[index_aleatoire]
document.getElementById("change_color").style.backgroundColor = tab_couleurs[index_aleatoire];
</script>
</body>
</html>

Source de la fonction getRandomIntInclusive

**Ynos-Wabbyxe** · 29/10/2015, 12h07

Je fais un sorte de agar.io

Alterné de couleur en javascript

JavaScript

Discussions similaires

Partager

Partager