24/10/2006, 19:13
Bonjour,
Voici pour commencer un petit tuto, ayant pour thème le jeux Pong.
Il aborde quelques bases, comme les MovieClip et les détections de collision simple (hitTest) entre 2 objets.
0. Préreqis
- Connaissance en math simplissime (s'orienté dans un repère orthonormale).
- Connaitre le fonctionnement basique de flash (layer, dessins, frame)
- Un peu de programmation
1. Le décors
Pong, c'est quand même LE premier jeu vidéo populaire, sorti la première fois sur Atari en 1972.
Donc côté graphisme, c'est sobre.
On a besoin d'un fond noir, un filet, une balle et 2 raquettes.
2-3 coups de l'outil rectangle, un rond, et c'est parti.
2. Code
Pour les bases, on a pas besoin de grand chose.
Structure de contrôle :
assignement de variable
gestion d'ã©venement pour les movieclip
variable globale : _root
voila tout ce qu'on utilise.
3. la pratique
dans l'exemple tã©lã©chargeable, voici les diffã©rents emplacement du code
layer background : initialisation des variables globale
symbol ball (la balle) : mouvement et dã©tection des collisions
symbol player (raquette de droite) : gestion des touches
symbol computer (raquette de gauche) : l'"intelligence artificielle". (une peu stupide ici).
les symboles sont utilisã© pour les dã©signã©s comme objets. on les instancie en leur donnant un nom de variable.
on peut ainsi les rã©cupã©rer en passant par :
Principe général :
La balle part avec une vitesse initiale propre.
Elle rebondit contre les murs en fonction de ses coordonnées.
Elle rebondit contre les raquettes si elle les touches.
La partie recommence si la balle sort du terrain.
Le code étant commenté, yapluska!
Sources
Demo html
Demo swf
Touches :
Espace : lance la balle
Flêches haut/bas : bouge la raquette de droite.
Voici pour commencer un petit tuto, ayant pour thème le jeux Pong.
Il aborde quelques bases, comme les MovieClip et les détections de collision simple (hitTest) entre 2 objets.
0. Préreqis
- Connaissance en math simplissime (s'orienté dans un repère orthonormale).
- Connaitre le fonctionnement basique de flash (layer, dessins, frame)
- Un peu de programmation
1. Le décors
Pong, c'est quand même LE premier jeu vidéo populaire, sorti la première fois sur Atari en 1972.
Donc côté graphisme, c'est sobre.
On a besoin d'un fond noir, un filet, une balle et 2 raquettes.
2-3 coups de l'outil rectangle, un rond, et c'est parti.
2. Code
Pour les bases, on a pas besoin de grand chose.
Structure de contrôle :
Code ACTIONSCRIPT :
if (condition) {
instructions
}
[else {
instructions
}]assignement de variable
Code ACTIONSCRIPT :
speed = 10;
gestion d'ã©venement pour les movieclip
Code ACTIONSCRIPT :
onclipevent(typeevenement) {
instructions
}
variable globale : _root
voila tout ce qu'on utilise.
3. la pratique
dans l'exemple tã©lã©chargeable, voici les diffã©rents emplacement du code
layer background : initialisation des variables globale
symbol ball (la balle) : mouvement et dã©tection des collisions
symbol player (raquette de droite) : gestion des touches
symbol computer (raquette de gauche) : l'"intelligence artificielle". (une peu stupide ici).
les symboles sont utilisã© pour les dã©signã©s comme objets. on les instancie en leur donnant un nom de variable.
on peut ainsi les rã©cupã©rer en passant par :
Code ACTIONSCRIPT :
_root.nomdevariable
Principe général :
La balle part avec une vitesse initiale propre.
Elle rebondit contre les murs en fonction de ses coordonnées.
Elle rebondit contre les raquettes si elle les touches.
La partie recommence si la balle sort du terrain.
Le code étant commenté, yapluska!
Sources
Demo html
Demo swf
Touches :
Espace : lance la balle
Flêches haut/bas : bouge la raquette de droite.
, bien que le flash ne m'emballe pas trop ...
