$ 10.00

Tuto Créer une application de dessin avec JavaScript

$ 10.00

  • Une formation vidéo de 2h06m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Javascript en vidéo nous allons apprendre à créer une petite application de dessin et coloriage avec Javascript.
Pour les besoins de ce logiciel de coloriage, nous allons créer un système de tracés de traits libres, de lignes, de rectangles et de cercles ainsi qu'un système de visualisation de la forme en cours de création. Nous créerons ensuite une interface permettant de modifier la couleur et la taille de nos tracés, ainsi qu'une iframe dans laquelle nous stockerons les lignes de code permettant de reproduire notre dessin en les insérant dans un script javascript ; ce qui va nous permettre au passage de voir comment manipuler dynamiquement le contenu d'une iframe. Pour finir, nous créerons un système d'historique qui va nous permettre d'annuler et de rétablir nos tracés.

Au programme de ce tuto Application de Dessin en javasscript :

  • chapitre 1 : Introduction
  • chapitre 2 : Zone de dessin
  • chapitre 3 : Nuancier
  • chapitre 4 : Fonction listener
  • chapitre 5 : Sélection de la couleur
  • chapitre 6 : Écouteurs de la zone de dessin
  • chapitre 7 : fonction trait
  • chapitre 8 : zone active
  • chapitre 9 : Taille
  • chapitre 10 : Préparation de l'iframe
  • chapitre 11 : Iframe
  • chapitre 12 : Ligne
  • chapitre 13 : Repère de traçage de lignes
  • chapitre 14 : Rectangles
  • chapitre 15 : Cercles
  • chapitre 16 : Historique
  • chapitre 17 : Undo
  • chapitre 18 : Redo
  • chapitre 19 : Conclusion

Les fichiers sources de notre application de dessin vous sont fournis avec cette formation Javascript.

Table des matières de cette formation JavaScript (durée : 2h06m)

(vous pouvez acheter chacune de ces vidéos à l’unité !)
    • Introduction 00:01:32
    • Zone de dessin 00:02:47
    • Nucancier 00:08:16
    • Fonction Listener 00:02:57
    • Sélection de la couleur 00:02:58
    • Ecouteur de la zone de dessin 00:02:03
    • Fonction trait 00:07:51
    • Limite de la zone active 00:01:30
    • Taille des tracés 00:07:46
    • Préparation iframe 00:01:24
    • Iframe 00:08:40
    • Droites 00:19:54
    • Repère de tracés 00:09:57
    • Rectangle 00:09:59
    • Cercles 00:13:33
    • Historique 00:11:53
    • Undo 00:06:40
    • Redo 00:06:53
    • Conclusion 00:00:26



Formateur : Joe Charier

Joe Charier a publié 13 tutoriels et obtenu une note moyenne de 2,6/5 sur 321 tutoriels vendus. Voir les autres formations de Joe Charier

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de sam67 laissé le 18/06/2012
    C'est une utilisation du JS impressinante.Je remercie les diffuseurs avancés de Tuto.com de partager leur savoir-faire.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Bonjour,J'aimerais connaitre le niveau requis pour faire ce tuto...Est-t'il facile d'accès et bien expliqué? merciLaurent
    Bonjour, j'ai voulus que ce tuto soit accessible mais je dois avouer qu'il faut un peu de pratique pour bien apprehender tous ses aspects, car se sont surtout les techniques utilisées qui sont interressantes. Pour ce qui est des explications, j'ai voulus comme pour chaque tuto me mettre à la place d'une personne le plus débutante possible,
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code complet de l'apli de dessin.
accédez à plus de 1572 tuto gratuits


non, je ne veux pas me former gratuitement