ISN: Age of survival

719 vues

Publié le

Projet d'Informatique et Sciences du Numérique
Age of Survival - MMORPG réalisé par Dorian Dumez, Léo Barreau et Baptiste Dixneuf

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
719
Sur SlideShare
0
Issues des intégrations
0
Intégrations
20
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

ISN: Age of survival

  1. 1. AGE OF SURVIVAL• Jeu Multi-joueurs par navigateurInformatique et Sciences du NumériqueBaptiste DIXNEUF
  2. 2. Cahier des Charges• Site web– Espace membres– Jeu• Zone de jeu graphique• Tchat• Inventaire– Forum– Système d’actualités
  3. 3. Les Caractéristiques de notre MMORPG• Zone de jeu– Affichage graphique– Déplacement des personnages– Interaction dans le jeu• Personnages non joueurs• Tuer des monstres• Ramasser des objets• Tchat– Communication inter-joueurs– Messages d’information• Inventaire– Affichage des objets récupérés ( pommes ,jambons)– Barre de vie et d’expérience
  4. 4. Choix et ConséquencesServeurEnvironnement dedéveloppement en ligne– Jeu multi-joueurs• Communication en temps réel– Affichage textuel dynamique– Affichage textuel
  5. 5. Répartition des TâchesBaptisteDIXNEUFLéoBARREAUDorianDUMEZLéo BARREAU• Graphisme ( Réalisation des maps)• Intégration des Personnages Non Joueurs• HistoireDorian DUMEZ• Affichage de la map• Algorithme de déplacement des joueursBaptiste DIXNEUF• Mise en place serveur ( Apache, Node.js, …)• Espace membres , d’administration etd’actualités• Tchat• Inventaire (pommes, jambons, vie)• Forum• Interaction joueur-jeu (Monstre, Arbre, PNJs)
  6. 6. Développement en JavaScript« Pourquoi? »• Orienté objet principalement utilisé dans les pages HTML• JavaScript est exécuté sur lordinateur de linternaute parle navigateur• Interaction avec lutilisateur en fonction de ses actions• Détection clavier et souris• Vérifier un formulaire• Affichage dynamique de nouveaux éléments• Images• Portion de pageJavaScript(souventabrégé JS)a été créé en1995 parBrendan Eich
  7. 7. Architecture Client – Serveuravec les SocketsClient n°1Client n°2ServeurSERVEURPHYSIQUE:ApacheMYSQLPHPSERVEURVIRTUEL:NODE.JSSOCKET.IORequêteRéceptionConnexion entemps réel
  8. 8. Socket.IO« Communication en temps réelSocket.io côté serveurSocket.io côté client
  9. 9. LE TCHATSystème de communication inter-joueurs
  10. 10. Interaction Joueur – Jeu• Gestion des arbres (Pommes)– Affichage des arbres par-dessus la map– Gain de pommes ( 10% de chance)• Gestion des montres ( Jambons)– Affichage des monstres identiques entre tous lesjoueurs– Synchronisation des attaques entre tous lesjoueurs– Gain de jambons lorsqu’un joueur tue un monstre• Gestion des Personnages Non Joueurs– Affichage des PNJs identique pour tous– Affichage de messages dans le Tchat
  11. 11. L’inventaire« Création de l’interface »- Barre de vie en CSS3- Tableau HTML5 pour afficher les éléments de l’inventaire- Intégration de bouton pour mettre de la musique
  12. 12. Gestion des Jambons« Utilité / Intérêt d’une fonction »Trois étapes:Lentrée: on fait « rentrer » des informations dans lafonction (arguments)Les calculs : grâce aux informations quelle a reçuesen entrée, la fonction travaille.La sortie : une fois quelle a fini ses calculs, la fonctionrenvoie un résultat. Cest ce quon appelle la sortie, ouencore le retour.-Récursivité-Gain de temps-Division ducode
  13. 13. Eléments de Sécurité• Inscription– Vérification des formulaires avec desfonctions– Utilisation de reCAPTCHA• Tchat– Fonction pour éviter les injections HTML• Protection contre le multi-onglets• Sécurisation des mots de passe en basede données en MD5
  14. 14. Droits et Licences• Foundation– licence de logiciel libre et open source.• Node.JS– logiciel libre et open source, non copyflet• Socket.io– licence de logiciel libre et open source.• Images créées par Léo BARREAU• Musique de DnEye’s
  15. 15. Autour du projet- Comment les rôles ont-ils été définis ?- Quels moyens de communication ?- Remplissage du cahier des charges et des fichesindividuelles
  16. 16. Définition des RôlesBaptisteDIXNEUFLéoBARREAUDorianDUMEZ- En fonction des connaissances et des enviesde chacun- Léo BARREAU• GraphismeDorian DUMEZ• Algorithme JavaScriptBaptiste DIXNEUF•Multi-langages ( HTML,CSS3,PHP,MYSQL,…)
  17. 17. Moyens de CommunicationCommunication VisuelleCommunication écrite- Réunion- Discussion- Décision- Interrogation- Entraide
  18. 18. Suivi de projet• Cahier des charges– Objectifs– Contraintes et Conséquences• Fiche de groupe– Chaque semaine– Suivre l’évolution du projet par rapport au temps• Fiche personnelle– Chaque semaine– Tâches effectuées– Objectifs de la semaine suivante– Fixer les problèmes rencontrés• Suivi• Objectifs• Problèmes• Compétencesdéveloppées
  19. 19. FIN

×