Shufflepuck Legend : Conception d'un jeu vidéo simple avec CImg

1. Blanchard Cédric Brincin Guillaume El-Ouarti Haitam Griffon Jean-Louis Shufflepuck Legend :Conception d'un jeu vidéo simple avec CImg

2. Contexte • Shufflepuck Café : • Jeu de « air hockey », • Joueur contrôle une raquette et doit envoyer le palet dans la camp adverse. •  Créer un clone de ce jeu. • Affichage des raquettes et du palet en 3 dimensions • Jeu jouable à la souris • Menu, Effets spéciaux, Musique, … • Code court et portable • Obligation d’utiliser CImg

3. Affichage effectué grâce à CImg Bibliothèque C++ Open Source, Spécialisée dans le traitement d’images, Composée d’un unique fichier entête CImg.h Réalisée par David TSCHUMPERLE, Développée au laboratoire CNRS CREYC de Caen.  Code simple, compact et portable. Contexte

4. Plan Introduction Contexte • Mise en oeuvre • Moteur Physique et IA • Gestion de l’affichage de base • Effets spéciaux • Character Design • Fonctionnalités Supplémentaires Conclusion

5. Mise en oeuvre

6. Introduction Contexte Mise en oeuvre Moteur Physique et IA Gestion de l’affichage de base Effets spéciaux Character Design Fonctionnalités Supplémentaires Conclusion Plan

7. II. Moteur physique et IA • Gestion des collisions et déplacements des différents objets qui constituent le jeu. • Objectifs : • Déterminer les paramètres nécessaires aux mouvements • Détecter les collisions et déterminer leurs effets sur les objets • Bomber la face avant de la raquette • Elaborer une intelligence artificielle pour affronter le joueur • Gestion de la souris ou du clavier

8. II. Moteur physique et IA Implémentation : • Position, vitesse et accélération dans « Object » • Géométrie des éléments dans les classes héritées • Mode de déplacement : • contrôlé, pour les raquettes (IA ou joueur) • calculé en fonction du mouvement suivi et des collisions, pour le palet

9. II. Moteur physique et IA Différents types de collisions : • Rebond simple sur les bords de table • Collision avec transmission de vitesse entre une raquette et le palet • Bombage de la face avant des raquettes

10. II. Moteur physique et IA Mouvement latéral de l’IA : • Détermination du point de collision éventuel (sans considérer les rebonds intermédiaires éventuels) • Déplacement à vitesse adaptée • Prise de risque réglable pour déterminer la zone de la raquette ou aura lieu le choc

11. II. Moteur physique et IA Amortis et coups accélérés : • Pourcentage réglable du nombres de coups de chaque type • Prise de décision lorsque le palet rentre dans une zone proche • Replacement au centre lorsque le palet n’est pas à proximité

12. II. Moteur physique et IA Contrôle du palet par le joueur : • S’il y a deux joueurs simultané, au moins l’une des raquettes se déplace au moyen du clavier (inconvénient : vitesse de déplacement constante) • Contrôle optimal avec la souris • Curseur caché pendant la partie • Curseur constamment ramené au centre de la fenêtre

13. II. Moteur physique et IA Réalisation d’un prototype : • Indépendant du développement de l’affichage final • Permet de tester les paramètres physiques • Permet le réglage des IA Démo physique

14. Plan Introduction Contexte • Mise en oeuvre • Moteur Physique et IA • Gestion de l’affichage de base • Effets spéciaux • Character Design • Fonctionnalités Supplémentaires Conclusion

15. Présentation des objectifs III. Gestion de l’affichage de base • Afficher sur décor plat 2d deux raquettes et un palet en 3D • Donner l’impression qu’ils sont posés sur la table • Utiliser CImg

16. III. Gestion de l’affichage de base • Création de la scène Déplacement des objets dans un espace à 2 dimensions + rotation pour créer l’illusion

17. III. Gestion de l’affichage de base Création des objets 3D La raquette Le palet • 4 paramètres : • une liste de points qui sont sommets des polygones, • une liste de primitives regroupant 3 ou 4 sommets coplanaires pour former un polygone, • une liste de couleurs donnant la couleur de chaque polygone, • une liste d’opacités décrivant le niveau d’opacité des polygones.

18. III. Gestion de l’affichage de base Intégration dans la scène Programme de réglage

19. III. Gestion de l’affichage de base • Intégration dans le jeu • Code concernant l’affichage regroupé dans une méthode disp() de la classe Game appelée à chaque boucle de jeu, • Chaque objet est positionné sur la table grâce aux coordonnées fournies par la partie gérant laphysique, • Vitesse d’animation contrôlée par une méthode wait() fournie par CImgDisplay.  Illusion de voir les objets glisser sur la table qui restreint d’ailleurs leur mouvements

20. III. Gestion de l’affichage de base Résultat Plateau de jeu original Notre table de jeu

21. Plan Introduction Contexte • Mise en oeuvre • Moteur Physique et IA • Gestion de l’affichage de base • Effets spéciaux • Character Design • Fonctionnalités Supplémentaires Conclusion

22. IV. Effets spéciaux • Objectifs • Réaliser des effets spéciaux utilisant la bibliothèque de traitement d’image CImg. • Ces effets doivent donner du dynamisme et embellir le rendu graphique du jeu ShufflePuck.

23. IV. Effets spéciaux 1. Principe Les effets sont créés en 2D et son intégrés dans l’univers 3D à l’aide de Sprites. • Avantage : • les effets sont « liés » à l’objet 3D • au niveau mouvement • au niveau de la profondeur : diminution automatique de la taille. • Réalisation d’animations au rendu 3D sans utilisation de mémoire importante

24. IV. Effets spéciaux 2. Les effets (travail préliminaire) • « L’impact » Utilisation: onde de choc lors d’un rebond du palet contre la raquette ou contre les parois de la table. • « la spirale » Utilisation: effet spécial de la raquette lors d’un coup spécial du type « aspiration ». Effet « spirale »

25. IV. Effets spéciaux 2. Les effets (travail préliminaire) • « la fumée » Utilisation : lorsque la palet perd brusquement de la vitesse, c’est-à-dire lorsque la raquette recule rapidement. • « concentration » Utilisation : coup spécial de la raquette, le palet reste collé à la raquette avant d’être renvoyé très rapidement. Effet«concentration»

26. IV. Effets spéciaux 3. Les effets Sprites « multicouches » • Utilisation de 3 sprites superposés affichant chacun une animation différente. • Utilisation d’un masque pour chaque image pour un rendu transparent plus réaliste. sprites superposés sprites superposés transparents

27. IV. Effets spéciaux 4. Les effets du Jeu • Les explosions Utilisation: • lorsque le palet touche les bords de la table (sprite simple) • lorsque le palet sort de la table (sprite multicouches) • Le coup spécial Utilisation: • lorsqu’il y a eu un assez grand nombre d’échanges Visuel: • une barre d’ énergie (image simple) • une onde de force associée à la raquette (sprite associé à la raquette) Explosion du jeu Coup Spécial du jeu

28. Plan Introduction Contexte • Mise en oeuvre • Moteur Physique et IA • Gestion de l’affichage de base • Effets spéciaux • Character Design • Fonctionnalités Supplémentaires Conclusion

29. V. Character Design 1.Principe • Symbolisation de l’adversaire par des personnages • Différentes attitudes suivant le déroulement de la partie • Un personnage par niveau de difficulté

30. V. Character Design 2 Présentation des personnages • Nounours (Niveau Facile) • GeekMaster (Niveau Moyen) • CaenGourou (Niveau Difficile)

31. Plan Introduction Contexte • Mise en oeuvre • Moteur Physique et IA • Gestion de l’affichage de base • Effets spéciaux • Character Design • Fonctionnalités Supplémentaires Conclusion

32. VI. Fonctionnalités Supplémentaires • Création d’un menu • Création de musiques, de mélodies originales et de bruitages (Intégration dans le jeu grâce à la bibliothèque audio fmod)

33. VI. Fonctionnalités Supplémentaires • Création d’un site de téléchargement www.shufflepuck-legend.fr.st

34. Résultat final

35. Conclusion • Merci de votre attention. • Des Questions ?