Discussion :

[Stabillo]

Bonjour à tous, je viens vers vous en ce jour férié car je rencontre un problème.

Je suis un débutant en JavaScript et j'ai crée 2 fonctions chacune d'elles permet de dessiner 2 cercles avec canvas.

Voici un exemple pour une de ces fonctions.

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
25
26
27
28
 
        var feu1 = {
            x   :  100,
            y   :   100,
            rayon   : 20,
            angleDepart : 0,
            angleFin : Math.PI*2
        }
 
        var feu1bis = {
            x   :  400,
            y   :   400,
            rayon   : 20,
            angleDepart : 0,
            angleFin : Math.PI*2,
            couleur : feu1.couleur
        }
 
        function drawFeux1() {
            for(var i=0;i<feux1.length;i++){
                var f1=feux1[i];
                context.beginPath();
                context.arc(f1.x, f1.y, f1.rayon, f1.angleDepart, f1.angleFin)
                context.fillStyle = 'red';
                context.fill();
                context.closePath();
            }
        }

La seconde fonction (drawFeux2) utilisera 2 autres variables et affichera 2 autres cercles de couleur verte.

Jusque-là aucun souci seulement j'aimerais qu'au bout d'un intervalle régulier la couleur de mes cercles définie dans drawFeux1 devienne celle qui est définie dans drawFeux2 et vice-versa.

Je souhaite donc intervertir la couleur de mes cercles à un intervalle défini.

Je sais qu'il existe des fonction javaScript qui permettent de mettre en place un tel fonctionnement mais je n'y arrive pas et je m'en remets donc à vous.

Cordialement,

[NoSmoking]

Bonjour,
voici un petit exemple qui alterne les valeurs d'un tableau, tu peux mettre ce que tu veux dans le tableau, même des adresses de fonctions.

Code :

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

1
2
3
4
5
6
var ind = 0,
    couleur = ['vert', 'rouge'];
var iTimer = setInterval( function(){
    console.log( couleur[ ind = 1 -ind]);
  },
  1000);

Tu peux également passer des paramètres à ta fonction, car 2 fonctions qui font la même chose peuvent se factoriser.

[Stabillo]

Désolé pour la réponse tardive, ton poste a aidé et j'ai réussi à m'en sortir je te remercie beaucoup.