Nombre aléatoire en fonction avec frameRate différent

Question

Je voudrais générer un nombre aléatoire, que j'utilise dans une instruction conditionnelle (If...else) en tant que variable. function PositionLoop(), dans lequel l'instruction conditionnelle a lieu, a l'affectation requestAnimationFrame. Cependant, j'aimerais que le nombre aléatoire ne soit pas re-généré dans chaque trame. C'est trop souvent et trop vite. Je voudrais que le numéro change toutes les 3 secondes, par exemple. Un autre problème est que la déclaration conditionnelle contient une variable (Font), que je me sers de nouveau à une autre ligne dans le code intérieurfunction PositionLoop() ...

J'ai déjà essayé différentes choses - d'abord je créé une fonction pour le nombre aléatoire et appelez la variable à l'intérieur de l'autre fonction function PositionLoop() (Accessing variables from other functions without using global variables), puis j'ai essayé les variables globales -, mais cela ne fonctionne pas. Quelqu'un peut-il m'aider avec? - Merci beaucoup!

Ceci est mon code structure:

… 

function positionLoop() { 
    requestAnimationFrame(positionLoop); 

    … 


    var Zufallszahl1 = random(0,30); 
    var Font; 
    if (Zufallszahl1 = 6) { 
     Font = …; 
    } else if (Zufallszahl1 = 8) { 
     Font = …; 
    } else { 
     Font = …; 
    }; 

    if (parameter < x) { 
     Schriftart = …; 
    } else if (parameter > x) { 
     Schriftart = Font; 
    } else { 
     Schriftart = …; 
    }; 

    var Gestalt = selectAll('.class1'); 
    for (var i = 0; i < Gestalt.length; i++) { 
     Gestalt[i].style('font-family', Schriftart); 
     Gestalt[i].style(…); 
     Gestalt[i].style(…); 
     … 
    }; 

    … 

}positionLoop(); 

… 

Answer 1

Vous pouvez utiliser un intervalle séparé pour que:

(function() { 
    var Zufallszahl1; 
    function changeZufallszahl1() { 
     Zufallszahl1 = random(0,30); 
     if (Zufallszahl1 = 6) { 
      Font = …; 
     } else if (Zufallszahl1 = 8) { 
      … 
     } else { 
      … 
     } 

     … 

    } 

    changeZufallszahl1(); 
    // Repeat with whatever delay you want between changes 
    setInterval(changeZufallszahl1, 1000); 

    // Keep your animation loop separate: 
    function positionLoop() { 
     requestAnimationFrame(positionLoop); 

     … 


    } 
    positionLoop(); 
})();