Étape 1: Intro au dessin : apprendre les bases
Je ne veux pas perdre de temps sur des banalités, nous allons donc commencer ! Mais, tout d’abord, vous devez connaître les bases du dessin et comment faire des formes simples, avant de commencer à faire élaborer des formes. Commencer est très simple ; vous avez juste besoin de connaître les commandes. Voici les commandes d’albums qui sont utilisés dans presque tous les « dessin » ou « animation » à l’aide de JavaScript.
- Rectangle
Pour dessiner un rectangle, procédez comme suit. (Je vais vous expliquer ce que la moyenne des nombres dans une seconde!!!)
Rect (200, 200, 200, 200) ;
Maintenant, il s’agit de la commande pour dessiner, mais que signifient ces chiffres ? Voici leur signification :
- Le premier nombre est pour localiser où se situera le rectangle. Regardez la première image. Il y a trois points rouges dans la partie supérieure, un seul marqué 0, une marquée 200 et un 400 étiquetées. Ainsi, le coin gauche est 0, le bon coin est 400, et le milieu est 200. Si votre premier numéro localise où se situera le coin supérieur gauche de votre rectangle. Ainsi, dans l’exemple, mon rectangle est situé au 200, dans le milieu exact de l’axe des abscisses. Le premier nombre contrôle où dans l’axe des abscisses au coin gauche (en haut) se situera, d’être simple.
- Le deuxième numéro est de localiser où sur l’axe y sera le coin supérieur gauche. Regardez la deuxième photo. Vous verrez qu’il y a trois points à nouveau. C’est le même que le premier chiffre, sauf il décrypte où le coin supérieur du rectangle sera situé, jusqu'à ou vers le bas. Donc, maintenant notre rectangle sera situé dans le centre de la page, ou du moins le coin supérieur gauche coin volonté.
- Le troisième nombre est le nombre premier qui indique quelle est la taille pour faire le rectangle. Ce numéro indique combien de temps sera le rectangle. Donc, nous savons déjà que le rectangle sera situé au 200, 200, ou, au milieu de la page. Maintenant, notre rectangle sera 200 large ou 200 depuis longtemps.
- Le quatrième nombre raconte comment haut pour faire le rectangle. Ainsi, dans notre cas, il est haut de 200. Nous avons donc 200, 200, 200, 200. Ainsi, au lieu d’un rectangle, nous avons effectivement un carré ! Mais je ne veux pas vous embrouiller, maintenant ! Vous pouvez modifier les numéros pour modifier la taille ou l’emplacement de votre rectangle. Découvrez la troisième photo pour voir la place que nous avons fait. La quatrième image montre un autre rectangle avec les coordonnées de : 20, 10, 40, 75.
NOTE!! **Dans la troisième photo, vous ne voyez pas les deux autres lignes c’est parce qu’ils sont exactement sur les lignes de fond de la toile (la mère de « dessin »).
- ellipse (circulaire ou ovale)