Hidden in plain sight Project

Un jeu vidéo multijoueur

sur navigateur

fullstack JS

Le jeu original

Hidden in Plain Sight is a set of local multiplayer (2-4 players) game modes that share a common theme: trying to accomplish goals without drawing attention to yourself.

In each game mode, players control characters in a sea of identical NPCs. Players are given a task, but also the means to eliminate each other from the game. The goal is to blend in with the NPCs, accomplish the task at hand, and take out other players before they get you...

Available on Steam:

 https://store.steampowered.com/app/303590/Hidden_in_Plain_Sight

Notre objectif en 1 jour

• Créer un version simplifiée, jouable sur navigateur en multiplayer
• Lui donner un nom et une identitée visuelle
• La mettre en ligne
• Règles de notre jeu:
  • 6 joueurs (PJs) et 10 IAs s'affrontent dans une course mortelle
  • PJs apparaissent tous sur le même écran, à l'extrémité gauche
  • PJ ne sait pas qui sont les autres PJs/IAs
  • PJ peut avancer à droite grâce au clavier
  • PJ touchant arrivé à l'extrémité droite de l'écran gagne partie
  • PJ a1 munition mortelle (one-shot), PJ peut la tirer sur l'écran,
  • Souris contrôle ce tire en bougeant un viseur et en cliquant
  • IA avance régulièrement et aléatoirement vers la ligne
  • si IA atteint l'arrivé tout le monde a perdu

HiPS screenshot

Autour du jeu...

• Jeu se passe en ligne, a une adresse web (URL)
• Lorsque jeu n'est pas lancé, PJs arrive dans un "Lobby"
  • PJ choisissent secrètement un personnage, un nom et obtienne couleur de viseur
  • lorsque 6 PJs connecté et prêt, partie commence
• Ecran de jeu affiche 16 PJs/IAs à gauche + 6 viseurs au centre
• Réagi en temps réel à toute action des joueurs
• Lors de la victoire: popup avec nom et avatar du vainqueur + temps de la course (comparé à meilleur temps)
• Au bout de 10 secondes, retour au lobby

Technologies nécessaires

• Gestion de projet
  • Agilité: trello + brise glace + retrospective
• Front-end:
  • Scaffolding: Parcel + ESLint + SCSS
  • Dependencies: socket.io + JQuery
  • 10+ Sprites de personnages animé 30x50 px
    • ne rien fair, marcher, mourir
  • 1+ fond d'écran 1024x768 px + "cibles" 6 couleurs
  • Wireframe du Lobby et du end-game
• Back-end:
  • Scaffolding: pm2 + eslint
  • Dependencies: express + socket.io
• Devops:
  • AWS: route53, ec2