begin process at 2010 02 10 10:46:24
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Jeux

 > JEU DE PLATEFORME 2D

JEU DE PLATEFORME 2D


 Information sur le tutoriel

Note :
6,83 / 10 - par 12 personnes
6,83 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Voilà un simple jeu de plateforme ou l'on peut marcher vers la droite, la gauche et où l'on peut sauter.

Tutorial

Il faut déjà dessiner un personnage qui sera le héro et le mettre sur la scène. (Les touches fléchées servent à se déplacer et la touche ESPACE sert à sauter). Ensuite, il faut dessiner des plateformes qui se nommeront "pl" + numéro de la plateforme puis une autre qui se nommera "sol".Ensuite, il faut dessiner des clips rectangles qu'il faudra mettre en alpha 100, qui se nommeront "bloc" + numéro de bloc. Ces rectangles serviront à ce que le personnage ne traverse pas les plateformes. Il faudra donc les placer juste en dessous des plateformes.
Vous pouvez ensuite dessiner un ressort (la premiere image de ce ressort est un ressort abaissé avec comme programmation sur l'image " stop();" et la deuxième image est un ressort levé avec si vous le voulez, un son.

Programmation sur le héros :
onClipEvent(load){
 saut = 0
}
onClipEvent(enterFrame){
 if(Key.isDown(Key.LEFT)){
  _x -= 8
//vitesse de déplacement
  _xscale = -100 //pour qu'il se retourne lorsque il se déplace dans l'autre sens
 }
 if(Key.isDown(Key.RIGHT)){
  _x += 8
//vitesse de déplacement
  _xscale = 100 //pour qu'il se retourne lorsque il se déplace dans l'autre sens
 }
 if(saut < -30){
  saut = -30

} //pour que le saut ne puisse pas dépasser 30
 _y -= saut //pour qu'il retombe s'il n'est pas sur une plateforme
 if(hitTest(_root.sol)){
  _y = _root.sol._y -45
 }
//pour qu'il bloque sur le sol
 if(hitTest(_root.pl1)){
  _y = _root.pl1._y -45
 }
//pour qu'il bloque sur les plateformes
//Si vous voulez mettre plus de plateforme, il faut copier "if..............._y -45}" en changeant "pl1" par par "pl" + numéro de plateforme
 if(hitTest(_root.sol)){ //pour qu'il ne puisse sauter que quand il touche le sol
  if(Key.isDown(Key.SPACE)){ // en appyant sur ESPACE
   saut = 30 //hauteur du saut
  } 
 }
 if(hitTest(_root.pl1)){
//pour qu'il ne puisse sauter que quand il touche la plateforme1
  if(Key.isDown(Key.SPACE)){ // en appyant sur ESPACE
   saut = 30 //hauteur du saut
  }
 }
  if(hitTest(_root.bloc1)){
//pour qu'il ne traverse pas la plateforme1
  saut-=30 //obligatoirement le m^me nombre que pour la hauteur du saut
 }
 if(_x>2000){
  _x =2000
 }
//pour qu'il ne puisse pas dépasser l'écran. Il doit donc être égal à la largeur du "document"
 if(_x<0){
  _x =0
 }
//pour qu'il ne puisse pas dépasser l'écran vers la gauche.
 saut -= 1.7 //pour qu'il tombe s'il ne touche pas le sol ou une des plateformes
 if(hitTest(_root.ressort1)){
  _root.ressort1.play()
  saut = 150
 }
}

Vous pouvez ensuite ajouter des ennemis ou des obstacles.

 Historique

20 décembre 2005 10:51:08 :
J'ai mieux expliqué pour que m^me les débutants puissent comprendre. Chaque paragraphe de programmation est maintenant expliqué.
21 décembre 2005 08:58:14 :
J'ai expliqué chaque ligne clairement.

Commentaires

Commentaire de pofipofo le 29/12/2005 09:40:15

ca a l'air cool mais ca manque de fichiers!!!
En fait ce qui me gene moi....c'est de dessiner le hero!!!
Je ne sius pas grafiste!!!
Je vais qd meme essayer!

Commentaire de syver le 31/12/2005 11:34:29

Salu!
ton tuto est bien, mais quand tu di qu'on peut dessiner un ressort, on le dessine où exactement ? parceque j'ai pas vraiment compris l'utilité d'en mettre un.
merci d'avance!


Commentaire de Anonyme54 le 06/01/2006 14:17:16

Le ressort, il faut le dessiner dans un nouveau clip. Tu en mets un ou plusieurs sur l'image que tu veux. Tu le nomme ressort1 et après, en le touchant, tu rebondira plus ou moins haut selon le saut que tu as mis.

Commentaire de jim13 le 24/02/2006 19:39:45

personne n'aurait le point fla de ce jeux car il n'est pas si evident que ça pour un débutant?
pas très dur mais quelques obscurités
merci

Commentaire de Prouprou_Sensei le 14/04/2006 12:55:21

Ca peut etre simpa pour le tout debut. Mais attention a ne pas prendre de mauvaise habitudes avec des codes mal organisés. Avec ce genre de coding, on ne vas pas trés loin.
Si cela vous est possible apprenez la programmation objet.

Bonne continuation.

Commentaire de dark man le 11/05/2006 19:06:47

pas mal..

Commentaire de daphda le 13/06/2006 20:10:56

ce tutoriel est bien pour debuter, mais c'est domage qu'il n'explique pas comment faire bouger l'ecran en meme temps que le personage car là la taille de jeu est assez limite.(si quelqun sait faire et fait un tuto dessus ca serait tres tres cool)

Commentaire de idir1 le 17/06/2006 11:59:16

c mega jenial

Commentaire de lamissloubna2 le 30/06/2006 23:50:45

euh!...je suis un peu perdue! :(

j'ai commencé le flash il y a moins de 24h et l'animation que j'ai pu terminer ce sont des nuages qui se déplacent derrière un paysage :p

ce serait mieux avec des images, no?

et sinon, ce genre de tutot est géniaaaal j'ai toujours rêvé de faire un jeu!!

merciii

Commentaire de alexG0666 le 30/07/2006 01:15:38

Salut à tous,
je ne m'y connais pas très bien en flash et j'aimerais savoir ce que veut dire "mettre en alpha 100"
merci d'avance

Commentaire de jules9511 le 02/08/2006 11:46:31

je debutant et j'aimerais savoir ou on mets tous les codes

Commentaire de railyandtiti le 24/10/2006 15:29:30

Pour ce qui est de l'alpha 100, je suppose que ça signifie le rendre transparant.

Sinon de mémoire, les codes se mettent dans la fenêtre de codes. Vous trouverez celle-ci en cliquant sur la barre "Action" (dans Flash mx, se trouve au-dessus de la barre "Aide").

Je n'ai pas touché à Flash depuis une éternité, alors je ne certifie pas avoir totalement raison.
Bonne continuation ;)

Commentaire de super mariol le 02/11/2006 13:54:09

svp comment on fait pour régler l'alpha à 100 ?
peut-on télécharger le .fla du jeu ?
merci d' avance !!!

Commentaire de super mariol le 02/11/2006 21:20:06

finalement pur l'alfa ça va mais j'ai des problèmes avec le saut le perso saute paaaaaaaaaaaaaaas !!!

Commentaire de Elseedy le 25/10/2007 02:04:42

lol c'est amusant et simple, mais mon perso sort de l'écran à droite

Commentaire de kcgraphique le 11/01/2008 05:26:53

c est super tut et je suis super contant d y arriver la,mais! ya qqs choses qui cloches!!dabor l ESPACE sa ne marche pas, puis mon hero traverse les blocs!
en fin il tombe a droite de la scene et quandil arrive jsq au ressort il le jette en dehors de la scene tout en haut, pourtant ya pas d erreurs aux codes!!merci en ts cas

Commentaire de arsonick le 28/04/2008 19:59:27

Salut regarder se que j'ai fait avec ce fabuleux tuto :

http://arsonick.site.voila.fr/Montagnetest.html

Commentaire de jojoo le 29/07/2008 15:28:22

je comprend pas le truc de l'alfa 100

Commentaire de jojoo le 30/07/2008 10:21:48

car moi mon personnage a chaque fois il passe a travers la plateforme

Commentaire de devIsta le 02/08/2008 17:06:04

merci mon ami

Commentaire de R47innovation le 12/09/2008 13:40:29

voila le perso pour ceux qui ont la flemme de le faire(c'est la simplicité a l'état pur :p)
http://i34.servimg.com/u/f34/12/84/05/45/persod10.png
CTRL+R et pouf! vous l'importez :)

Commentaire de bebertpalu le 10/12/2009 18:04:25

est ce possible de faire la même chose en AS3 SVP
merci d'avance

Commentaire de samson1235 le 06/01/2010 18:40:37

Bonjour,j'ai un petit peu modifié pour lorsque l'on sort de l'écran on arrive de l'autre côté ...

if(_x>900){
  _x =0
_xscale = 100 //changer de sens
} //pour qu'il ne puisse pas dépasser l'écran. Il doit donc être égal à la largeur du "document"
if(_x<0){
  _x =900
  _xscale = -100
} //pour qu'il ne puisse pas dépasser l'écran vers la gauche.  

Commentaire de samson1235 le 06/01/2010 19:12:00

Bonjour,j'ai un petit peu modifié pour lorsque l'on sort de l'écran on arrive de l'autre côté ...

if(_x>900){
  _x =0
_xscale = 100 //changer de sens
} //pour qu'il ne puisse pas dépasser l'écran. Il doit donc être égal à la largeur du "document"
if(_x<0){
  _x =900
  _xscale = -100
} //pour qu'il ne puisse pas dépasser l'écran vers la gauche.  

 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,374 sec (4)

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