IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Projets Discussion :

[WE-JV12] Luther Stickell Agency


Sujet :

Projets

  1. #1
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut [WE-JV12] Luther Stickell Agency
    Titre: Luther Stickell Agency
    Jouable sur: navigateur web
    Technos utilisées: Vue.JS, ThreeJS, TypeScript
    Jouez en ligne ici:
    https://syllab.fr/projets/games/luther-stickell/

    Pitch:
    Vous incarnez Luther Sitckell, hacker professionnel à la tête d'une agence d'espionnage. Pour votre prochaine mission, vous allez devoir dérober 3 disques de données ultra confidentielles dans le bureau fédéral d'Eurasia. Vous avez su pirater le réseau de vidéosurveillance sans souci, il ne reste plus qu'à guider votre agent sur place afin qu'il ne se fasse pas repérer par les gardes. Basculez de caméra en caméra et donnez vos instructions à votre agent.

    Contrôles:
    Souris + touches fléchées pour basculer rapidement d'une caméra à un autre.
    Vous pouvez également activer les commandes vocales depuis les options (Chrome uniquement)

    --------

    C'est parti pour le 12ème week end de création de jeux vidéo

    Le thème me parle beaucoup, je voulais faire de la 3D et c'est bien plus simple d'avoir un gameplay basé sur les caméras quand on fait de la 3D. J'ai tout de suite pensé à un jeu d'infiltration où l'on guiderait un agent par le biais de caméras.

    Vous vous rappelez de la scène de Mission Impossible 1 où Ethan Hunt doit remonter son cable super vite parce que Luther Stickell a vu quelqu'un arriver aux caméras ? Eh bien j'ai envie d'appeler mon jeu "Luther Stickell"



    Comme stack technique, je serais sur du Vue.JS + ThreeJS et TypeScript en langage.
    One Web to rule them all

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Pour ce soir, on pose les bases du moteur du jeu. Je vais avoir besoin de niveaux en 3D pour y déplacer mon agent, j'ai donc travaillé ce soir sur la génération et l'affichage des niveaux:
    Nom : image_2022-12-10_003036381.png
Affichages : 245
Taille : 70,7 Ko


    Merci à DaveProg pour ses conseils sur la gestion des infos des salles
    One Web to rule them all

  3. #3
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Fin de la première journée, j'ai importé le modèle 3D de l'espion et codé les commandes de base de déplacement: Avance, Stop, Reviens sur tes pas

    Demain, l'ajout de gardes de sécurité et un meilleur level design !

    Nom : image_2022-12-10_032904879.png
Affichages : 233
Taille : 833,6 Ko
    One Web to rule them all

  4. #4
    Responsable 2D/3D/Jeux


    Avatar de LittleWhite
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    mai 2008
    Messages
    26 496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : mai 2008
    Messages : 26 496
    Points : 214 773
    Points
    214 773
    Billets dans le blog
    101
    Par défaut
    Belle progression pour une première journée
    Vous souhaitez participer à la rubrique 2D/3D/Jeux ? Contactez-moi

    Ma page sur DVP
    Mon Portfolio

    Qui connaît l'erreur, connaît la solution.

  5. #5
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Le level design en 3D, ça prend du temps ! Je vais me contenter d'un seul niveau et assez petit faute de temps, voilà le plan:
    Nom : image_2022-12-10_133811181.png
Affichages : 217
Taille : 517,2 Ko
    One Web to rule them all

  6. #6
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    J'ai ajouté les gardes et le Game Over

    Nom : chrome_2022-12-10_16-30-05.jpg
Affichages : 210
Taille : 82,9 Ko
    One Web to rule them all

  7. #7
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    J'ai perdu beaucoup de temps sur le code du déplacement de personnage aujourd'hui. J'ai découvert que si on met une personne dans une pièce avec 4 portes, c'est pas évident du tout de se mettre d'accord sur ce qu'est "la porte de gauche". Pour illustrer mes propos, c'est ce genre de problèmes de direction:

    Nom : chrome_2022-12-10_21-29-26.jpg
Affichages : 202
Taille : 129,3 Ko

    Je vais quand même essayer d'attaquer le système de caméras ce soir. En espérant avoir le concept du jeu jouable d'ici demain.
    One Web to rule them all

  8. #8
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Le système de caméras est implémenté ! Je suis très content du résultat. Je finis la soirée avec un peu de décoration, des affiches et des plantes vertes par ci par là...

    Le screen du soir:
    Nom : chrome_2022-12-11_01-39-39.jpg
Affichages : 198
Taille : 195,3 Ko
    One Web to rule them all

  9. #9
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Too much ou pas ?

    Nom : chrome_2022-12-11_02-13-57.jpg
Affichages : 196
Taille : 95,4 Ko
    One Web to rule them all

  10. #10
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    J'ai bien avancé aujourd'hui, suffisamment pour partager un premier lien vers une version jouable: https://syllab.fr/projets/games/luther-stickell/

    Petit changelog:
    - ajout de plein de décoration et easter-eggs en tout genre
    - nouvelles textures
    - ajout de shaders "effet caméra"
    - musique et effets sonores
    - briefing de mission
    - enregistrement du meilleur temps

    Et cerise sur le gâteau, j'ai essayé d'intégrer la reconnaissance vocale pour donner directement au micro les instructions à notre agent, et ça marche super ! Bon, c'est supporté sur Chrome uniquement. Allez faire un tour dans les options pour l'essayer.

    Nom : chrome_2022-12-11_19-52-19.jpg
Affichages : 183
Taille : 713,1 Ko
    Images attachées Images attachées  
    One Web to rule them all

  11. #11
    Membre régulier
    Homme Profil pro
    Développeur informatique
    Inscrit en
    juillet 2020
    Messages
    37
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : juillet 2020
    Messages : 37
    Points : 83
    Points
    83
    Par défaut
    En jouant j'ai réussi à me mettre dans une situation où on ne me propose plus d'avancer Nom : disque.jpg
Affichages : 185
Taille : 213,4 Ko

  12. #12
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Si t'arrives à reproduire le bug à coup sûr, ça m'intéresse de savoir comment tu fais.
    One Web to rule them all

  13. #13
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Petite nouveauté cette année, je me suis amusé à glisser dans mon jeu des références à d'autres jeux de la jam que j'ai beaucoup aimé.

    Alors techniquement c'est des modifs post-minuit, mais je ne peux tester les jeux qu'à la fin de la jam pour trouver mes coups de coeur, donc je suppose qu'on ne m'en tiendra pas rigueur.

    Nom : chrome_2022-12-12_02-31-17.jpg
Affichages : 179
Taille : 478,9 KoNom : chrome_2022-12-12_02-15-57.jpg
Affichages : 177
Taille : 514,0 KoNom : chrome_2022-12-11_16-49-39.jpg
Affichages : 179
Taille : 397,7 Ko
    One Web to rule them all

  14. #14
    Membre régulier
    Homme Profil pro
    Développeur Web et Mobile
    Inscrit en
    septembre 2015
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Gabon

    Informations professionnelles :
    Activité : Développeur Web et Mobile

    Informations forums :
    Inscription : septembre 2015
    Messages : 44
    Points : 70
    Points
    70
    Par défaut
    Salut Syvainpv,

    Est ce que il est possible d'avoir le Replay du stream discord de hier?

    Ou alors est ce que tu prévois faire un live sur YouTube?

  15. #15
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Salut Orpheeh,

    Non, le live Discord n'était pas enregistré à ma connaissance, et je ne prévois pas de faire une vidéo test sur Youtube maintenant que la jam est passée. Je sais que ça plaisait bien comme format vidéo mais j'étais bien trop fatigué hier soir pour faire une vidéo.
    One Web to rule them all

  16. #16
    Membre habitué
    Profil pro
    Analyste d'exploitation
    Inscrit en
    décembre 2012
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Analyste d'exploitation
    Secteur : Service public

    Informations forums :
    Inscription : décembre 2012
    Messages : 29
    Points : 142
    Points
    142
    Par défaut
    J'adore! Le niveau de finition est vraiment incroyable pour un jeu en 48h Et le UI/UX est juste parfait. J'aurais bien vu un ou deux petits niveaux d'introduction avec un layout assez simple pour mettre le joueur en confiance, car le nombre de cameras et la taille du niveau peuvent être intimidants d'entrée de jeu, mais l'idée et la réalisation sont tellement bonnes que ça donne le goût de persister!

    Le clin d'oeil à notre jeu est vraiment touchant, j'ai pu faire la surprise à ma copine

  17. #17
    Membre régulier
    Homme Profil pro
    Développeur Web et Mobile
    Inscrit en
    septembre 2015
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Gabon

    Informations professionnelles :
    Activité : Développeur Web et Mobile

    Informations forums :
    Inscription : septembre 2015
    Messages : 44
    Points : 70
    Points
    70
    Par défaut
    Super le jeu. As tu fais des mises à jour aujourd'hui, j'ai trouvé le jeu très fluide.

    J'ai particulierement aimé l'effet du changement de camera, c'est très réaliste.

    Est ce que on peux avoir au code source?

  18. #18
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 373
    Points : 9 932
    Points
    9 932
    Par défaut
    Au niveau des mises à jour post-deadline, j'ai juste rajouté les easter-eggs et corrigé un bug qui faisait que la vitesse du jeu n'était pas homogène entre les PC de puissance différente.

    Si vous avez du mal à finir le jeu, voilà quelques astuces:
    - il y a 3 gardes et leur chemin de patrouille ne change pas. Les gardes vous repèrent quand ils se trouvent dans la même pièce ou le même bout de couloir que vous.
    - les petits losanges au sol aux intersections sont les points où les gardes font des pauses et où votre personnage s'arrête
    - les angles de caméra sont conçus de sorte à ce que vous puissiez visualiser le niveau dans son entièreté. Observez bien partout.
    - une fois les 3 disques récupérés, vous devrez repartir par là où vous êtes entrés
    - C'est un jeu de patience et d'observation ! Déplacez-vous seulement quand vous êtes sûr qu'aucun garde ne se trouve dans la pièce de de destination.

    Voilà un ZIP du code source: https://syllab.fr/projets/games/luther-stickell/luther-stickell.zip
    One Web to rule them all

  19. #19
    Responsable 2D/3D/Jeux


    Avatar de LittleWhite
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    mai 2008
    Messages
    26 496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : mai 2008
    Messages : 26 496
    Points : 214 773
    Points
    214 773
    Billets dans le blog
    101
    Par défaut
    J'adore la réalisation. Le jeu est prenant et c'est pas facile du tout. Souvent je perd l'agent Hunt
    Les décorations (incrustations) sur les murs, c'est aussi génial.
    Vous souhaitez participer à la rubrique 2D/3D/Jeux ? Contactez-moi

    Ma page sur DVP
    Mon Portfolio

    Qui connaît l'erreur, connaît la solution.

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo