Challenge dans un Snake, background

Bonjour à tous,

Toujours avec mon projet de snake je reviens vers vous pour un petit coup de main :)
Mon projet est le suivant, j'aimerai gérer les background dans mon jeu de façon à faire en sorte qu'a chaque fois que le serpent mange 10 trèfles le background change donnant ainsi un peu d'interactivité au jeu et poussant le joueur à petit challenge (bien que modeste je vous l'accorde :lol:)

Mon problème est le suivant, quand j'insert un background en premier lieu ce dernier est effacé par ma fonction clearRect qui efface la queue de mon serpent et second lieu je ne vois pas comment faire en sorte de remplacer mon background par un autre tous les trèfles mangés.

Je vous joins mon code dans un zip car vous verrez que mon snake est un peu customisé :P

Merci d'avance pour votre aide !

Je te conseille de ne pas faire ce genre de choses dans le canvas où tu fais ton animation, car cela impliquerait de redessiner l'arrière-plan à chaque frame et donc énormément de travail inutile pour le processeur (et pour toi aussi).
Je te conseille plutôt de séparer les responsabilités. Utilise un autre élément (img ou canvas probablement), que tu places en arrière plan de ton canvas d'animation. Et quand tu le souhaites, tu dessines simplement une autre image dans cet élément.