jeudi 16 novembre 2017

Flappy3



Voilà  que le petit Flappy - toujours dans la colonne 3 -
tombe et remonte à sa position originale. C'est du javascript; ainsi on se sert de
state pour tenir compte de la position de Flaps. Il tombe de 1 toutes les 0.2 secondes.


                                                       *     *     *


Et ça continue avec la création de Flappy et des tours, qui
tous seront éventuellement capables de mouvement. Car bien sûr, ce
sont les tours qui avancent d'un state à l'autre...

On se sert du CSS et de Javascript, comme toujours.
La fonction slice() sur array permet de faire référence
au nombre d'éléments à l"intérieur de l'array des tours.
Slice() retourne tous les éléments sauf le dernier, donc
bien précisément pour le nombre d'éléments, qui se voient
indexés à partir de zéro.

L'indexation-0 joue aussi pour le choix de <20 br="" il="" position:29="" y="">en a 30), et 19 - j (en fait, 20).

Flappy tombe en ++, parce que la hauteur du repère  augmente vers le bas.
(0)(0) se trouve en haut à gauche. Les tours appraissent à droite
et vont vers la gauche en --.

On se sert de Math.random(), qui renvoit un nombre entre 0.1 et 1.
Floor indique que l'on arrondit vers le bas.

Upright appartient normalementau texte, que l'on peut renverser au besoin.
Ici, on créera des tours soit du bas ou du haut.

Du grand classique  JS.

Aucun commentaire: