Bonjour

J'ai un problème en apparence tout simple mais qui me mange le cerveau depuis une demi heure.

En javascript j'essaie de créer une animation avec une setInterval qui a pour but de faire évoluer la couleur d'arrière plan de la page via document.style.background.

J'utilise pour cela trois variables qui vont être passées à la fonction rgb() en string

Le problème est que j'ai besoin que ces trois variables (r, g, b) EVOLUENT entre 0 et 255 avec des pas différents. Je créé pour cela une fonction change(x, step) qui doit augmenter la valeur de x si elle est inférieure ou égale à 255 et la diminuer si elle est supérieure ou égale à 255.

Et c'est là que mon cerveau explose. Car tout simplement une fois que x atteint 255, la fonction va le diminuer une fois puis l'augementer vu que sa valeur est inférieure à 255 et ceci en boucle.

Voici mon code :

function change(x, step) {

if (x <= 255) {
x += step;
}
if (x >= 255) {
x -= step;
}
return x;
}

La question est : Comment faire évoluer un compteur entre une rangée de valeurs ?

Je sais que c'est probablement tout bête comme problème mais ca me rend dingue car j'ai l'impression d'omettre quelque chose, bref j'ai besoin de votre aide.

function change(x, step) {
  x += step;
  if (x > 255) {
    x=255
  }
  return x;
}

?
En passant, https://www.youtube.com/watch?v=LKnqECcg6Gw

Merci oui ca corrige le problème des valeurs supérieures à 255 causées par le pas

Mais j'aimerais que une fois à 255, x fasse le chemin inverse jusqu'à 0 et une fois à 0 qu'il reprenne jusqu'à 255 et ainsi de suite..
J'ai pensé à un while mais dans une fonction ca va être compliqué

Intéressant la vidéo

Soit t'as besoin d'une troisième variable qui indique si x doit monter en valeur ou baisser en valeur, soit tu changes la valeur de step (tu prends l'opposé) dès que x arrive à 255 ou à 0.

Ou plus simplement:
function change(x, step) { x += step; if (x > 255) { x=255 step = -step; } if (x < 0) { x=0 step = -step; } return x; }

Ca produit le même résultat, à savoir que les variables restent bloquées à 255... J'ai l'impression que ca va plus loin que ce que je pensais.

http://pastebin.com/krawMT82
log : http://pastebin.com/2GYhB25c

C'est juste que le step ne change pas.

Ben j'ai l'impression qu'il manque quelque chose dans les conditions pour que ca marche. Je crois que je vais juste partir sur des while avec des un système de flag et faire ca pour les 3 variables, c'est dommage, j'aurais voulu avoir une fonction pour faire ca sans avoir autant de while que de variables à faire changer