Discussion :

[Romuald27]

Bonjour,

Je cherche a faire défiler une image du haut vers le bas.

J'ai mis en image de fond une route et j'ai superposé dessus une image transparente contenant lignes blanches :



J'aimerais que ces lignes blanches se déplacent vers le bas pour donner l'impression que la voiture avance.

J'ai donc d'abord pensé à simplement baisser l'image :

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
                    Runnable runnable = new Runnable()
                    {
                        @Override
                        public void run()
                        {
                            try {
                                    ligneBlanche.setY( ligneBlanche.getY() + 10);
                                    Thread.sleep(50);
                            } catch ( Exception e) {
                                e.printStackTrace();
                            }
 
                        }
                    };
 
                    new Thread(runnable).start();

Le problème étant que les lignes disparaissent une fois arrivée en bas, et que remonter d'un coup l'image n'est pas du tout naturel

Je cherche donc une solution pour que mon image défile vers le bas indéfiniment .

Merci d'avance

[thegege2002]

Une idée me vient à l'esprit, pourquoi tu n'utiliserai pas 2 lignes?
Une ligne A comme la tienne
Une ligne B décalé (+ 10 de la précédente)

Tu affiches la A, la B disparaît et vice-versa.
Cela pourrait donner l'illusion que la voiture avance.
Tu peux même accélérer l'apparition/disparition des lignes pour augmenter la vitesse

Si ça fait trop sapin de noël, tu créés 3 lignes. A voir ce que ça donne...

[joel.drigo]

Ou alors une image qui fait 2 fois la hauteur : tu la descends jusqu'à sa moitié de hauteur, et tu la remontes à zéro. Comme elle fait 2 fois la hauteur, quand elle est descendu de sa moitié de hauteur, on continue à voir la ligne sur tout l'écran. Mais elle prend 2 fois la taille. On peut optimiser en faisant qu'elle ne soit juste un peu plus grande que l'écran (juste de quoi afficher un "trait", un "vide" en plus, et tu la remontes à chaque fois que le décalage correspondant est atteint)

[LeBzul]

Une solution alternative ( qui me semble un peu plus simple ) consiste à simplement dessiner une ligne en pointillé au milieu de l'écran, et décalé les pointillés.

[Romuald27]

Une idée me vient à l'esprit, pourquoi tu n'utiliserai pas 2 lignes?
Une ligne A comme la tienne
Une ligne B décalé (+ 10 de la précédente)

Tu affiches la A, la B disparaît et vice-versa.
Cela pourrait donner l'illusion que la voiture avance.
Tu peux même accélérer l'apparition/disparition des lignes pour augmenter la vitesse

Si ça fait trop sapin de noël, tu créés 3 lignes. A voir ce que ça donne...

Merci pour cette idée. Malheureusement je viens d'essayer ta méthode ça parait vraiment pas fluide, il faudrait beaucoup d'images en décalé pour que ça ait l'air propre :/

Ou alors une image qui fait 2 fois la hauteur : tu la descends jusqu'à sa moitié de hauteur, et tu la remontes à zéro. Comme elle fait 2 fois la hauteur, quand elle est descendu de sa moitié de hauteur, on continue à voir la ligne sur tout l'écran. Mais elle prend 2 fois la taille. On peut optimiser en faisant qu'elle ne soit juste un peu plus grande que l'écran (juste de quoi afficher un "trait", un "vide" en plus, et tu la remontes à chaque fois que le décalage correspondant est atteint)

Le problème étant que je n'arrive pas a mettre une image plus grande que mon écran, soit elle automatiquement "resizé" soit alors j'ai carrément une erreur comme quoi la définition est trop grande et n'est donc pas supportée.
Par exemple j'ai testé avec mon image de lignes blanche en 250*2060 pixels et j'obtiens l'erreur suivante : Bitmap too large to be uploaded into a texture (750x6180, max=4096x4096).
Je vois pas du tout pourquoi j'obtiens cette erreur alors que 240*2060 < 4096*4096 ...

Une solution alternative ( qui me semble un peu plus simple ) consiste à simplement dessiner une ligne en pointillé au milieu de l'écran, et décalé les pointillés.

J'ai essayé ça aussi dans un premier temps mais c'est pas du tout fluide :/

[LeBzul]

J'ai essayé ça aussi dans un premier temps mais c'est pas du tout fluide :/

Euh, je ne sais pas comment tu t'y es prit, mais dessiner une ligne en pointillé sera forcement plus fluide que de charger un bitmap de " 250*2060px " et de le redessiner sans arret avec un décalage.

La "technique" que je propose, pour aller plus dans le détail, est de modifier la methode onDraw d'une view et de dessiner dans le canvas une ligne avec l'objet Paint.
Dans le style la :

Code :

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

1
2
3
4
@Override
    public void onDraw(Canvas canvas) {
            canvas.drawLine(0, 0, 20, 20, paint);
    }

Si tu as des soucis de fluidité avec simplement dessiner une ligne en pointillé, c'est que tu as un gros problème ailleurs !