begin process at 2010 02 10 08:59:37
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Tutoriaux

 > BOUGER UN PERSONNAGE AVEC LES FLECHES!!!

BOUGER UN PERSONNAGE AVEC LES FLECHES!!!


 Information sur le tutoriel

Note :
Aucune note

 Description

Quand j'ai commencé dans flash, première chose qui m'est venue à l'esprit(comme plusieurs autres, d'ailleur...):
JE VEUX FAIRE UN JEU!!!!!
Maintenant, après 3 mois de travail hardu et acharné, je vous donne ce tutoriel que j'espère vous sera utile: Comment bouger une forme avec les touches directionnels.
Bonne Lecture ;)

Tutorial

-Tuto 1: Un personnage bouge sur une base fixe.
-Tuto 2: Un personnage bouge en SCROLLING!!!


TUTO N°1

1-Faite votre personnage (un carré suffi amplement).

2-Convertissez votre personnage en symbole et appelez-le "player".

3-Allez dans la fenêtre actionscript et entrez le code suivant dans le personnage.Changez les symboles # par la vitesse (je recommande 8 pour commencer)

onClipEvent(enterFrame){
 if(Key.isDown(Key.LEFT)){ //le personnage bouge vers la gauche
  _x -= # //vitesse de déplacement
 }
 if(Key.isDown(Key.RIGHT)){ //le personnage bouge vers la droite
  _x += # //vitesse de déplacement
 }
if(Key.isDown(Key.DOWN)){ //le personnage bouge vers le bas
 _y += # //vitesse de déplacement
}
if(Key.isDown(Key.UP)){ //le personnage bouge vers le haut
 _y -= # //vitesse de déplacement
}
}

4-Vous pouvez insérer un fond pour faire plus beau.


TUTO N°2

1-Faite votre personnage (un carré suffi amplement), convertissez-le en symbole et appelez-le "player".

2.Bloquez le calque et faites-en un nouveau

3.Mettez une plateforme sur le sol et convertissez-le en symbole. Appelez-le "sol".

4.Allez dans la fenêtre actionscript et entrez le code suivant dans le clip "sol".Changez les symboles # par la vitesse (je recommande 8 pour commencer)

onClipEvent(enterFrame){
 if(Key.isDown(Key.LEFT)){ //le personnage bouge vers la gauche
  _x += # //vitesse de déplacement
 }
 if(Key.isDown(Key.RIGHT)){ //le personnage bouge vers la droite
  _x -= # //vitesse de déplacement
 }
}


Et voilà! Votre petit jeu trèèèèèès basique est maintenant prèt!
Amusez-vous bien dans ce monde où vous n'avez pas à passer des mois à chercher votre code :o)

 Historique

25 avril 2009 03:02:00 :
*Dernière modif: Deux tutos en un! Comme ça, si vous voulez que votre jeu ait l'air un peu plus "avancé", vous pouvez prendre le deuxième.
17 mai 2009 16:49:54 :
Quelques petites choses améliorées dans la description

Commentaires

Commentaire de pegase31 le 03/04/2009 10:33:25 administrateur CS

Basique, tellement basique que je doute de l'intérêt d'un tel tutoriel ...

Peg'

Commentaire de DeathNoteRyuk le 03/04/2009 21:27:34

arrête, tu vas me faire rougir!sérieusement, j'ai chercher longtemps ce code alors je ne veux juste pas rabaisser le code qui fait bouger un perso quand meme!

Commentaire de pegase31 le 05/04/2009 18:27:29 administrateur CS

il y a un excellent code très complet (même si un peu vieux) sur le site de Tonypa : http://www.tonypa.pri.ee/tbw/tut04.html

Peg'

Commentaire de ibral le 09/04/2009 14:21:13

merci mon ami

Commentaire de kbaccam2 le 09/04/2009 14:27:10

Il ne manque plus qu'un décor et le scolling (ex: Mario) si le player atteint un bord de l'écran.

Commentaire de DeathNoteRyuk le 18/04/2009 00:42:56

D'accord, je crois que je vais essayer d'amélioré mon code. Peut-être que Peg' sera plus heureux comme ça ;)
Si vous savez des choses que je ne sait pas, veuillez m'en faire pars, s'il vous plaît.

------------------------------------

<<I'll take a potato chip...AND EAT IT!!!>>
-Light Yagami

Commentaire de DeathNoteRyuk le 25/04/2009 02:44:52

euuuuuuh quelqu'un peut m'aider? comment je fais pour modifier mon code s'il-vous-plaît?

------------------------------------

<<I'll take a potato chip...AND EAT IT!!!>>
-Light Yagami

Commentaire de DeathNoteRyuk le 25/04/2009 02:46:04

oh et quelqu'un pourrais me noter svp? ça deviens un peu fatiguant de pas savoir ce que les 1005 personnes qui m'ont visiter penses de mon tuto...

Commentaire de thedragon25 le 26/04/2009 14:37:22

Ce code est un bon début mais tu pourrais le compléter en mettant des obstacles et une fonction de saut.

Commentaire de nico66600 le 04/06/2009 14:32:24

salut moi je debutes et j'ai rentre le code et il me dit qu'il y a une erreur de syntaxe caractères exédentaires détectés après la fin du programme onClipEvent(enterFrame){
Voila si quelqu'un pouvait m'aider merci d'avance
cordialement

Commentaire de nico66600 le 04/06/2009 15:10:45

c bon j'ai régle mon problème, solution trouve merci

Commentaire de DeathNoteRyuk le 17/06/2009 16:53:04

wow déjà 2000 visites! Mon petit tuto fait des heureux on dirait! Si vous avez des question et/ou conseil, n'hésitez pas à m'en faire part :o)

-------------------------------
Un DeathNoteRyuk c'est bien, mais deux mieux ^.^

Commentaire de Aerispace le 30/06/2009 10:17:52

Super !! :)
Vivement l'ajout d'obstacle :D

Commentaire de ptitvincent le 09/07/2009 15:47:50

voila ta note ;)
ce tuto est over basique mais au moins il fonctionne du premier coup ^^ parfait pour débutant :)
ce que j'apprecie le plus c'est quand c'est simple comme ca et que par la suite on peut soit meme avoir asser d'espace pour réfléchir à des ameliorations à nous ^^
merci.

Commentaire de gouroutin le 13/07/2009 13:45:01

Hum... une note, moi je mettrais seulement 2/10, oui c'est très peu, mais il n'a strictement aucun intérêt, même pour un débutant du moment où le code n'est pas commenté. c'est plus une source d'ailleurs. Si la personne qui le lis fais juste un copié / collé, je ne vois vraiment pas l'intérêt, alors oui 'ptitvincent', c'est cool, c'est simple ça marche d'un coup, mais comment veux-tu réfléchir à des améliorations si tu ne connais pas la signification du code ?
Enfin, tous ça pour dire que si tu comment le code, ça fera un grand plus a ton tutoriel, et l'intérêt y sera déjà plus présent.

Cordialement, Deimon's Blood

Commentaire de ptitvincent le 13/07/2009 16:37:30

bha si il a commenté :o c'est succinct je te l'accorde mais vu la simplicité du code je vois pas trop ce qu'il aurait pu faire de plus :p

Commentaire de DeathNoteRyuk le 13/07/2009 23:51:40

Merci pour tous qui m'ont visite! j'ai déjà 3000 visites, mais je vais sortir un nouveau tutoriel, qui est une "expansion" de mon tuto, qui montre comment faire un obstacle dans votre jeu.

----------------------------------------------
SPOILER(humour noir)SPOILER
Comment faire descendre un Emo d'un arbre?
..........................................
..........................................
..........................................
On Coupe la corde!

Commentaire de gouroutin le 31/07/2009 04:37:02

Oui, il a été commenté, mais ce que je voulais dire c'était pas de dire ce que faisait le code, mais de donner sa signification. un truc du genre :

//Déclaration de la variable nVitesse. Changer sa valeur pour modifier la vitesse de votre personnage.
var nVitesse = 5;

//On déclare un évenement enterFrame
onClipEvent(enterFrame)
{
//Si la touche 'LEFT' soit gauche est enfoncé, alors...
if(Key.isDown(Key.LEFT))
{
  _x -= nVitesse;//On diminue la propriété _x de notre personnage de nVitesse.
}
}

Enfin un truc un peu comme ça. Ensuite 3000 visite, ne veux pas dire 3000 visite utile. Un code de déplacement de personnage peu être bien plus pousser, et plus utile. Après pour les réels débutant c'est très biens, mais les 3000 visites n'étaient pas que des débutant.
ah et oublie pas les points-virgules xD.
Oui je sais ils sont chiant mais tu verra ça pourra t'éviter des problèmes à la suite.

Bonne continuation, Deimon's Blood

Commentaire de Ralsalerm le 04/08/2009 23:34:32

J'ai besoin d'aide.

Alors voilà, quand tu dis "bloquez le calque", j'aimerai savoir comment faire. Merci :D

Commentaire de Ralsalerm le 05/08/2009 08:27:35

Et j'aimerai aussi le code pour savoir comment ajouter des obstacles et comment faire défiler un motif sous le personnage !

Commentaire de DeathNoteRyuk le 11/09/2009 14:23:20

Pour Gouroutin, je ne mets jamais les ; dans mes codes, car (et j'ai vérifié), cela ne change rien. Sinon, merci pour ton code, je vais essayer de m'en servir à bon essient.

Alors pour Ralsalerm, pour bloquer un calque.À gauche de la timeline, il y a tout les calques, n'est-ce-pas? Quand tu clique sur un calque, il y a un bouton avec un cadena. Clique dessus et TOC! ton calque est bloqué. parfait pour le fond, car si tu le bloque pas, tu a des chances de le modifier par erreur.

Ensuite, pendant des mois je n'avais pas d'ordi car il avait sauté. Je viens de le récupéré et je recommence le flash. Donc, le code d'obstacle devrait arriver bientôt.

Merci à tous pour vos comment'!

Commentaire de lamzali le 24/10/2009 15:29:59

aidez moi à trouver le meilleur logiciel flash pour faire les sources

Commentaire de sidero68 le 26/10/2009 20:06:14

super ! merci !
j'attends la suite avec impatience !

Commentaire de titouanbaillon le 03/11/2009 12:29:54

merci l'ami il m'a permis de comencer.mais il manque les arrets sur les bords bientôt je maitrais 2 façons de bloquer le perso

Commentaire de raddreamer le 18/11/2009 02:46:43

Le code est assez vieillot, en plus coller du code directement sur le perso, on ne fait plus ça depuis perpette ^^;
Tant que le jeu n'est pas compliqué ça peut aller, mais quand tu te trouves avec un code conséquent c'est vite le bordel.
Imagine ensuite que tu veuilles mettre deux joueurs (flash ne permet pas non plus de faire des miracles), tu dois te refaire tout le code.

Commentaire de asmahc le 28/11/2009 23:07:40

slt tous le monde pleas j sui une etudiante e j ai un projet ,je vait faire une jeu en flash cs3
du gestion de restaurent e je ne sait pas commnet je debute
aidez moi svp je ceut des exemples de codes sources sur ce theme
merci d'avance.

Commentaire de titouanbaillon le 30/12/2009 23:33:00

voici les deux méthodes
m1
on place un clip sur chaques bords
sur le perso:
if(hitTest(_root.pl1)){
  _y = _root.pl1._y -20
}
if(hitTest(_root.pl2)){
  _x = _root.pl2._x +20
}
if(hitTest(_root.pl3)){
  _y = _root.pl3._y +20
}
if(hitTest(_root.pl4)){
  _x = _root.pl4._x -20
}
cherchez a taton les nom des pl

ou méthode 2
metre sur le perso
}
if (_x>550) {
_x = 550;
}
if (_x<0) {
_x = 0;
}
if (_y>400) {
_y = 400;
}
if (_y<0) {
_y = 0;
}
}

Commentaire de ritalounet le 04/01/2010 14:23:23

Merci pour ce tuto hyper utile pour un gros nul comme moi!!!
Après quelques tâtonnements je suis arrivé à faire pile poil ce que je voulais (déplacement d'un sprite sur un sol en scrolling).

2 questions pour affiner un peu le résultat (désolé, je suis plutôt designer et la prog me dépasse pas mal...):

1/ comment modifier et coder le clip "player" (le personnage) pour qu'il s'anime selon qu'il marche vers la gauche et la droite, ou qu'il reste sur place immobile??? (je pense qu'il faut renvoyer à certaines images de l'animation du clip et les lire en boucle, selon les touches sur lesquelles on appuie, mais aucune idée de comment le faire).

2/ je voudrais que le personnage active des actions ou des liens des clips devant lesquels il se trouve dans le décor en appuyant sur une touche du clavier (clips situés sur le clip "sol" pour qu'ils scrollent en même temps que le reste du décor).

Merci d'avance!!!!

Commentaire de lampeur le 30/01/2010 11:10:08

Ca servira toujours au débutant
on est tous passés par là

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,125 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales