Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

RECONNAÎTRE UN DESSIN FAIS AVEC LE CURSEUR DE LA SOURIS


Information sur la source

Catégorie :Effets d'images Classé sous : dessin, mouvements, tracé, souris, curseur Niveau : Initié Date de création : 07/09/2005 Date de mise à jour : 11/09/2005 13:50:46 Vu / téléchargé: 9 345 / 1 397

Note :
9,25 / 10 - par 12 personnes
9,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note


Description

Cliquez pour voir la capture en taille normale
Dans l'exemple j'ai pris un carré, mais ça fonctionne aussi avec des formes plus complexes.

Le but du code est simple : reconnaître un dessin fais avec le curseur de la souris. Ainsi, dans l'exemple, lorsque vous faites un carré, le texte affichera bravo. Si le dessin ne représente pas un carré, il vous le diras, idem s'il y a d'autre erreur dans votre tracé.

Vous devez faire un patron de votre figure dans un clip. Explications :

° Vous dessinez simplement votre forme. Gardez en tête que si, une fois le bouton lâché, le trait de l'utilisateur sors en dehors du patron, alors la figure est à refaire. Donc mettez de l'épaisseur à votre trait.
° Il faut ensuite mettre des checkpoint ! Pour forcer l'utilisateur à passer dans un sens, ou tout simplement à l'empêcher de prendre des raccourcit.
° Il faut ensuite définir la largeur IDEAL du trait, et la hauteur idéal. Pour ça c'est simple, vous dessinez le trait parfait, le dessin nickel chrome, et vous mettez dans les variables prévu à cette effet la valeur de la largeur et de la hauteur.

Dans l'exemple, si vous affichez le patron (afficher par défaut dans la version MX), vous verrez que celui change de taille. En effet, sa taille varie en fonction du dessin. Comme ça, vous pouvez faire un petit, comme un grand carré, ça fonctionne quand même.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

07 septembre 2005 18:15:17 :
Oups ! Oublie de la source...
11 septembre 2005 13:50:47 :
Ajout du SWF permettant de générer le code AS pour faire ses propres patrons plus facilement.

Commentaires et avis

signaler à un administrateur
Commentaire de fguitton le 07/09/2005 22:10:55

Il est vrai que c'est pas mal !!!
Beau travail, je n'ai pas encore regarder le code, mais ca m'a l'air bien !!!
Chapeau !!!
Bon comme mes vote ne sont pas pris en compte je donne une note par écrit 10/10

Bravo !!!

@+

signaler à un administrateur
Commentaire de novaflash le 08/09/2005 06:15:09

hello,
chapeau, ça faisait longtemps que je n'avais pas vu un truc aussi original :)
eric

signaler à un administrateur
Commentaire de alise le 08/09/2005 08:16:46

Pas mal du tout ton truc. Ca pourrait donner des idées pour développer une appli pour éduquer les tout petits (maternelle), à la prise en main de l'informatique. Les apprendre à se servir d'une souris, a rester dans le cadre et à ne pas dépasser, enfin plein d'idées. Je n'ai pas regardé le code, mais peu importe, on s'en fout, c'est l'idée qui est excellente. Je te mets 10.

signaler à un administrateur
Commentaire de goldenboy68 le 08/09/2005 08:42:52

Ca pourrait p-ê servir à la reconnaissance de signature...ok, le patron va être long à faire, mais ça vaut p't'être le coup d'essayer...quand j'aurai le temps! lol

Good idea en tout cas.

@+! Samy

signaler à un administrateur
Commentaire de goldenboy68 le 08/09/2005 08:50:48

Mouais...c'est pas intuitif pour créer un autre patron, faudrait presque créer une seconde anim qui créerait des patrons et que dans la première on puisse charger un patron à partir d'une liste des patrons créés.

signaler à un administrateur
Commentaire de alise le 08/09/2005 09:22:43

"on puisse charger un patron à partir d'une liste des patrons créés."
Très bonne idée

signaler à un administrateur
Commentaire de Slagt le 08/09/2005 18:04:58

Je pensais plus à un nouveau système de navigation dans un site. Mais il faudrait obligatoirement faire un didacticiel pour expliquer comment ça marche, etc ...

A l'origine je l'avais fais pour une galerie d'image. C'est bête mais j'ai abandonné l'idée...
Enfin, le truc, c'étais qu'en faisant un "S", ça passais à l'image suivante, et en faisant un "P", ça affichais l'image précédente. Mais je me suis rendu compte qu'une personne qui ne passe pas son temps sur son ordinateur, à énormement de mal à faire un S correcte, ou un P (encore plus dur d'ailleurs).

Je suis entrain de faire un fichier SWF pour créer facilement ses propres patrons. Il suffira de tracer [ avec la souris ] la forme, choisir un niveau de tolérance, et placer les checkpoint.

signaler à un administrateur
Commentaire de goldenboy68 le 08/09/2005 18:47:44

Rien que le carré, c'est pas dur de pas y arriver! lol

Donc continue ton développement et fais-nous profiter d'une nouvelle mise à jour de cette source avec cette fonctionnalité!

@+! Samy

signaler à un administrateur
Commentaire de Slagt le 11/09/2005 14:08:42

Modifications de la source.

° La forme n'est plus un carré, mais un "S". Ce "S", il faut le tracé en commencant par en haut, et finir en bas :)

° Ajout du SWF permettant de faire ses propres patrons.

Une petite aide est intégrée pour expliquer rapidement comment faire. Je vais ré-expliquer ici :

tout d'abord il faut dessiner un squelette (bouton en haut à gauche). C'est OBLIGATOIRE. Le squelette est la forme parfaite de votre tracé. Vous pouvez prendre votre temps, mais sachez que, plus votre tracé sera naturel, et plus il sera facile à reproduire.
Sachez aussi que la taille de votre dessin importe peu, la taille du patron se modifiant constemment en fonction du dessin de l'utilisateur.

Ensuite, il vous faudra régler la tolérance (en bas à gauche : le slider). Vous verrez qu'en modifiant cette tolérance, le trait sera plus ou moins épais. Si l'utilisateur dessine en dehors de cette zone, la forme sera considérée comme : trop éloignée de la forme original.

Il faudra ensuite placer les checkpoints. Pour cela, cliquez d'abord sur le bouton en haut à gauche : "CheckPoint". Le curseur va changer en une croix.
Le checkpoint est un rectangle. Cliquez, et laissez enfoncé pour le dessiner. Faites attention, la taille du rectangle est forcément positive. Mais ne vous inquiétez pas, une fois le bouton de la souris lâché, vous pourrez faire tout un tas de modifications :
   - Translation. Le dernier checkpoint se déplacera en appuyant sur GAUCHE, HAUT, DROITE et BAS, respectivement À GAUCHE, EN HAUT, À DROITE et EN BAS.
   - Agrandissement et réduction. Laissez la touche MAJUSCULE enfoncé, et servez vous des flèches du clavier. MAJ+GAUCHE va réduire la largeur, tant dis que MAJ+DROITE l'augmentera. Idem avec HAUT et BAS, pour la hauteur.
   - Rotation. Pour faire tourner le Checkpoint, laissez enfoncé la touche ESPACE, et servez vous des flèches DROITE et GAUCHE.
   - Suppression. Appuyez sur la touche SUPPR de votre clavier.

Sachez que les modifications n'interviennent QUE sur le dernier checkpoint. Avant d'en placer un autre, vérifiez si le précédent est correctement configuré.
Si vous voulez modifier le premier, alors que vous êtes au 5ème, vous serez obligé de supprimer le 2ème, 3ème, 4ème et 5ème.

Une fois les checkpoint placé, cliquez sur le bouton "Valider" en bas à droite.
Une fenêtre apparaîtra. Cliquez sur le bouton COPIER en bas, et FERMER la fenêtre.

Maintenant, il vous faudra ouvrir une des sources : "Dessin MX2004.fla" ou "Dessin MX.fla", aller dans le clip "forme", et y coller directement le code copié.

Et voilà ! Le tour est joué ! Vous pourrez ensuite, modifier les sources pour prendre en charge plusieurs forme en même temps, et pour l'adapter à vos animations.

N'hésitez pas à commenté, et merci pour les notes !

signaler à un administrateur
Commentaire de fguitton le 11/09/2005 17:28:40

Alors la franchement c'est super, j'ai pas testé la source proprement dis, mais avoir réussi a coder ca en si peu de temps c'est fort !!!
Moi je dis chapeau !!!
Je confirme le 10/10 que je ne peu pas mettre ( car il est pas pris en compte !!!

@+
Bonne continuation ( c'est une sources vouée a de grande évolution )

signaler à un administrateur
Commentaire de Blacknight91titi le 12/09/2005 19:17:58

Génial !
Quelque petits conseils cependant :
- Créer un petit bouton "?" quelque part pour afficher un système d'aide je pense que sa aidera beaucoup.
Sinon fait un fichier "lisez-moi" ou autre pour expliquer le fonctionement de ta source car ce n'est pas toujours évident.

10/10

signaler à un administrateur
Commentaire de maitrechu le 17/09/2005 17:54:31

C'est excellent. Facile à utiliser, précis. J'ai étudié le code et en plus c'est même pas si sorcier, fallait juste y penser ^^.
10/10 aussi tiens, hop.

signaler à un administrateur
Commentaire de bloom1 le 22/09/2005 01:49:48

Bravo pour ta source lol et bravo aussi pour utiliser un Mac... Moi j'aurais aimer en avoir un mais c'est très dispendieux...

signaler à un administrateur
Commentaire de jeanche le 28/09/2005 23:32:58

bhabhabha !!!!

j'ai deja vue des navigations de ce style, mais là le fait d'avoir fais une interface aussi customiser pour créer ton propre modèle c'est vraiment du hight level !!
Je reste complétement béa devant ce code ! et cette idée !

BRAVO BRAVO !! 10/10

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Changer un curseur en cliquant [ par Kryogen5 ] Bonjour,Est-il possible de changer de curseur lorsqu'un clic de souris est effectué ? (j'ai deux clips, un pour changer le curseur de la souris sans c changer curseur de souris [ par deubal ] bonjour tout le monde,Dans une de mes anims, j'ai un bouton. Je souhaiterais   changer le pointeur de la souris quand on survol ce bout Curseur de souris [ par guidou000 ] Bonjour, je voudrai savoir si c'est possible de changer le curseur de la souris lorsque le pointeur depasse certaines coordonnées.. Par exemple, Changer de curseur sur une zone definie [ par maitreyoda84 ] Salut, je débute en flash et j'ai essayé de faire mon premier code mais visiblement j'ai encore beaucoup à apprendre ... Je cherche a réaliser un sw truc qui suit la souris [ par Wally57 ] je voudrais savoir quel actions il faut mettres pour qu un symbole suive la souris mais ne reste pas tout le temps dessus, il va tjs vers le curseur e DataGrid et curseur souris [ par laurent_antoine ] Bonjour,Je n'arrive pas a trouver comment faire pour changer le curseur souris sur un composant DataGrid. Mon client se plaint qu'il n'est pas tres ev curseur de la souris [ par auremy ] Bonjour,J'ai crée une animation sans le curseur de la souris, hors j'aimerais le reintégrer dans l'animation. J'avais pour ceci utilisé Mouse.hide, je n fond-menu qui se déplace avec les mouvements de la souris... [ par hightom ] Bonjour à tous! Je suis nouveau sur le forum, je zieute les conseils depuis quelque Curseur de souris : PROBLEME [ par Eldariel ] Bonjour a tous et merci d'avance pour la réponse à mon probleme!Je viens de changer l'aspect de mon curseur de souris grâce à un clip sur lequel j'ai Curseur souris invisible dans champs texte [ par rachelb ] Bonjour à tous,j'ai un petit soucis que je n'arrive pas à résoudre.J'ai crée un site, et sur ma page d'accueil j'ai 2 composants flash, un pour l'insc


Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,406 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.