Introduction à la Simulation
ou comment créer votre premier jeu vidéo

Conférence

Comme initiation aux technologies du Web on propose de réaliser un petit jeu interactif utilisable dans un Navigateur Internet.
Cet exemple très simple abordera la programmation et utilisera HTML, CSS et JavaScript.

Documents et Exemples

Les documents de présentation de la conférence sont disponibles ici :

• Le diaporama de la conférence :   presentationB.pdf  
  
  
• L'article qui commente la présentation :   articleB.pdf  

Les codes sources de tous les exemples présentés dans la conférence sont fournis . . .

Consultez les différents paragraphes de cette page :

• Exemple simple exposé dans la conférence    
  
  
• Jeu légèrement amélioré   le même jeu un peu amélioré, pour inciter à le perfectionner encore par vous-même
  
  
• Balles Rebondissantes   dans cet exemple l'utilisateur peut créer à l'aide d'un bouton plusieurs balles autonomes

En cas de difficultés pour consulter les fichiers HTML CSS ou JavaScript :   Aide

Exemple simple exposé dans la conférence

Cet exemple est un mini-site Internet qui propose un petit jeu animé très simple sur une page :

. . . Clic . . .

Fichiers Sources

• L'exemple est fourni sous forme d'un dossier (ou répertoire) «Balle» contenant 3 fichiers de texte au format UTF-8 :
  • la page HTML :   index.html     à ouvrir dans un navigateur Internet   (on peut aussi consulter son code source)
  • les styles CSS:     style.css       la feuile décrivant les styles
  • le programme JavaScript :   code.js       qui anime la Balle et contrôle le Jeu

Vous pouvez aussi télécharger l'archive compactée du dossier   Balle   qui contient l'exemple complet.

Jeu légèrement amélioré avec :

• l'affichage du score (nombre des balles cliquées)
• la taille de la Balle qui diminue pour rendre le Jeu plus difficile . . .

Cet exemple est un peu plus complexe que les précédents, mais il reste relativement abordable.
Il n'y a moins de 2 pages à lire et le code est commenté.

Fichiers Sources

• L'exemple est fourni sous forme d'un dossier «BallePlusScore» contenant 3 fichiers au format UTF-8 :
  • la page HTML :   index.html     à ouvrir dans un navigateur Internet   (on peut aussi consulter son code source)
  • les styles CSS:     style.css       la feuile décrivant les styles
  • le programme JavaScript :   code.js       qui anime la Balle et contrôle le Jeu

Tous ces fichier contiennent de très nombreux commentaires.

Vous pouvez aussi télécharger l'archive compactée du dossier  BallePlusScore   qui contient l'exemple complet.