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,