Graphiques
 
- Dégradé
- Animations BitBlt
- Animations Pic
- Contrôle Animation
- Défilement d'image
 
Interface
 
- Barre d'outils
- Barre de progression
- Clignotement
- Interface MDI
- Barre d'état
 
Texte & système
 
- Texte sur image
- Taille variable
- Informations système
 
Fichiers
 
- Grand fichier
- Choix de police
- Dictionnaire Word
- Listes
- Fichiers binaires
 
Souris et touches
 
- Curseur animé
- Touches
 

Création de l'interface du jeu d'arcade
Voici un programme un peu plus complexe: la réalisation d'un jeu d'arcade. Il s'agit d'une source trouvée sur Internet, réalisée par un certaine Mig et adaptée pour ces exercices. Pour réaliser ce jeu, vous aurez besoin des images suivantes que vous devez télécharger et enregistrer dans votre répertoire de sauvegarde.

ADVERSAIRE.GIF, CACTUS.GIF, CERCLE.GIF, EXPLOSION.GIF, L_BULLET.ICO, LUKE.GIFR_BULLET.ICO, RIP.GIF, STAR0.ICO

  1. Il faut d'abord créer un nouveau projet que vous sauvegardez sous le nom Ex_26xx.vbp.

  2. Ensuite, vous créez l'interface représentée ci-dessous en respectant les caractéristiques indiquées dans le tableau qui suit l'illustration. Les propriétés non indiquées demeurent celles par défaut.

Feuille

NAME: F_duel
BACKCOLOR: noir
CAPTION: Duel dans le désert
HEIGHT: 7260
WIDTH: 7470

  Cadre d'image (PictureBox) (1)

NAME: Ci_1
BACKCOLOR: vert
BORDERSTYLE: 1 - Fixed Single
HEIGHT: 5055
WIDTH: 7085

7 images (2)

NAME: IM_Cactus
PICTURE: Cactus.gif
STRETCH: True
HEIGHT: 780
WIDTH: 700
LEFT: 600
TOP: 4200

Une fois la première image créée, copiez-la et collez la à 6 reprises. VisualBasic vous demande si vous désirez qu'il crée un groupe puisqu'une image porte le même nom que celle que vous voulez copier. Répondez OUI. Un indice est alors ajouté à côté du nom de l'image. Les propriétés sont les mêmes pour les 7 images. Seuls la position et l'indice changent. Voici les positions de chacune. L'indice est automatiquement généré lorsque vous collez l'image dans le groupe.

IM_Cactus(1) [LEFT: 2280 - TOP: 4200] - IM_Cactus(2) [LEFT: 4200 - TOP: 4200]
IM_Cactus(3) [LEFT: 6120 - TOP: 4200] - IM_Cactus(4) [LEFT: 960 - TOP: 0]
IM_Cactus(5) [LEFT: 3360 - TOP: 0] - IM_Cactus(6) [LEFT: 5280 - TOP: 0]

Image (3)

NAME: IM_Homme1
PICTURE: Luke.gif
STRETCH: True
HEIGHT: 990
WIDTH: 720
LEFT: 0
TOP: 3000

Image (4)

NAME: IM_Homme2
PICTURE: Adversaire.gif
STRETCH: True
HEIGHT: 990
WIDTH: 660
LEFT: 6330
TOP: 3120

Image (5)

NAME: IM_BalleG
PICTURE: L_Bullet.ico
INDEX: 0
STRETCH: True
HEIGHT: 480
WIDTH: 480
LEFT: 1095
TOP: 3120
VISIBLE: False

Image (6)

NAME: IM_BalleD
PICTURE: R_Bullet.ico
INDEX: 0
STRETCH: True
HEIGHT: 480
WIDTH: 480
LEFT: 5640
TOP: 3360
VISIBLE: False

Image (7)

NAME: IM_Étoile
PICTURE: Star0.ico
STRETCH: True
HEIGHT: 465
WIDTH: 870
LEFT: 0
TOP: 3240
Sélectionnez FORMAT, PLAN, ENVOYER À L'ARRIÈRE-PLAN

 
Image (8)

NAME: IM_Cercle
PICTURE: Cercle.gif
STRETCH: True
HEIGHT: 210
WIDTH: 270
LEFT: 5520
TOP: 1920

Une fois la première image créée, copiez-la et collez la à 7 reprises. VisualBasic vous demande si vous désirez qu'il crée un groupe puisqu'une image porte le même nom que celle que vous voulez copier. Répondez OUI. Un indice est alors ajouté à côté du nom de l'image. 

Image (9)

NAME: IM_Rip
PICTURE: Rip.gif
STRETCH: True
HEIGHT: 525
WIDTH: 645
LEFT: 6120
TOP: 1800
Sélectionnez FORMAT, PLAN, ENVOYER À L'ARRIÈRE-PLAN

Image (10)

NAME: IM_Explose
PICTURE: Explosion.gif
STRETCH: True
HEIGHT: 555
WIDTH: 1050
LEFT: 5880
TOP: 1800

 

Cadre (11)

NAME: CA_1
BACKCOLOR: Rouge foncé
BORDERSTYLE: 1 - Fixed Single
CAPTION: État
HEIGHT: 1455
WIDTH: 7095
LEFT: 120
TOP: 5280

Étiquette (12)

NAME: ET_1
ALIGNMENT: 0 - Left Justify
BACKSTYLE: Transparent
CAPTION: VIE(S)
FORECOLOR: Jaune
LEFT: 90
TOP: 240

Étiquette (13)

NAME: ET_2
ALIGNMENT: 0 - Left Justify
BACKSTYLE: Transparent
CAPTION: VICTOIRE(S)
FORECOLOR: Jaune
LEFT: 90
TOP: 660

Étiquette (14)

NAME: ET_3
ALIGNMENT: 0 - Left Justify
BACKSTYLE: Transparent
CAPTION: NIVEAU
FORECOLOR: Jaune
LEFT: 90
TOP: 1080

Zone de texte (15)

NAME: ZT_1
ALIGNMENT: 2 - Center
BACKCOLOR: Blanc
BORDERSTYLE: 1 - Fixed Single
FONT: Verdane 10 pts gras
FORECOLOR: Rouge foncé
HEIGHT: 360
WIDTH: 870
LEFT: 1320
TOP: 240
TEXT: vide

Zone de texte (16)

NAME: ZT_2
ALIGNMENT: 2 - Center
BACKCOLOR: Blanc
BORDERSTYLE: 1 - Fixed Single
FONT: Verdane 10 pts gras
FORECOLOR: Rouge foncé
HEIGHT: 360
WIDTH: 870
LEFT: 1320
TOP: 600
TEXT: vide

Zone de texte (17)

NAME: ZT_3
ALIGNMENT: 2 - Center
BACKCOLOR: Blanc
BORDERSTYLE: 1 - Fixed Single
FONT: Verdane 10 pts gras
FORECOLOR: Rouge foncé
HEIGHT: 360
WIDTH: 870
LEFT: 1320
TOP: 960
TEXT: vide

Bouton (18)

NAME: Bo_Nouveau
CAPTION: Nouvelle partie
HEIGHT: 480
WIDTH: 1785
LEFT: 4950
TOP: 240

  Bouton (19)

NAME: Bo_Propos
CAPTION: À propos
HEIGHT: 480
WIDTH: 1785
LEFT: 4950
TOP: 870

7 minuteries (20)

Les sept minuteries sont identiques sauf que seulement la première est visible: les autres sont cachées derrière les boutons (FORMAT, PLAN, ENVOYER À L'ARRIÈRE-PLAN). Comme de raison, le nom de chacune diffère ainsi que l'intervalle. 

Minu_1 : intervalle = 0 - Minu_2 : intervalle = 22 - Minu_3 : intervalle = 200 
Minu_4 : intervalle = 500 - Minu_5 : intervalle = 22 - Minu_6 : intervalle = 500
Minu_7 : intervalle = 22

  1. Voilà qui termine la préparation de l'interface du jeu. Sauvegardez votre travail et passez à la fiche suivante pour ajouter le code.

Création d'aide
 
- À propos
- Astuce du jour
 
Cryptage
 
- Mot de passe
- Cryptage de fichier
 
Base de données
 
- Bibliothèque
 
Winsock
 
- Serveur de chat
- Client de chat 1
- Client de chat 2
 
Jeu d'arcade
 
- Interface
- Programmation 1
- Programmation 2
- Programmation 3
- Programmation 4
 
Navigateur WEB
 
- Interface 1
- Interface 2
- Interface 3
- Interface 4
- Programmation 1
- Programmation 2
- Programmation 3
- Programmation 4
 
© Copyright 2002 - Design : Webmasters-fr.net