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-JV8] Ptite escape Game HTML/JS


Sujet :

Projets

  1. #1
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut [WE-JV8] Ptite escape Game HTML/JS
    Lut,
    je vais tenter de faire un mini escape Game pour permettre de sortir ou de composer un code secret pour lancer le missile en direction du fameux Meteorite menaçant la planete

    VIens de commencer, je vous tiens au jus

  2. #2
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut
    Voila où j'en suis

    j'avance

    pour l'instant on peut juste
    • tourner dans la piece
    • ouvrir deux tiroirs (vide pour le moment)
    • catcher le clic sur les elements "pertinents" (avec l'affichage d'un message)

    mais la mécanique est deja la

    on a dit simple, sur un week end

    Manque:
    • ajouter les elements de l'enigme
    • creer le digicode "fonctionnel"
    • ajouter intro + happy end
    Fichiers attachés Fichiers attachés

  3. #3
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut
    Voila, ce sera tout pour ce soir

    Je l'ai ajouté sur mon github
    https://github.com/imikado/miniEscapeGameHtml5Dvp2018


    Je l'ai mis en ligne ici (l'avantage du web : http://dupot.org/dvp/miniEscapeGameHtml5Dvp2018/

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


    Avatar de LittleWhite
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2008
    Messages
    26 894
    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 894
    Points : 219 536
    Points
    219 536
    Billets dans le blog
    124
    Par défaut
    Bonjour,

    J'ai fini en 5 minutes. L'idée est sympa et la réalisation est propre. Mon premier escape que je réussis de ma vie .

  5. #5
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Juillet 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    Citation Envoyé par imikado Voir le message
    Voila, ce sera tout pour ce soir

    Je l'ai ajouté sur mon github
    https://github.com/imikado/miniEscapeGameHtml5Dvp2018


    Je l'ai mis en ligne ici (l'avantage du web : http://dupot.org/dvp/miniEscapeGameHtml5Dvp2018/

    bah alors on met tout son code dans un seul fichier ? ^^

    Belle idée l'escape game web ça rend bien ! c'est fait intelligemment !

  6. #6
    Rédacteur/Modérateur

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

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    Très sympa, j'ai dû sortir le papier/crayon ! Impressionnant vu que tu as commencé samedi aprem seulement

  7. #7
    Membre éprouvé

    Homme Profil pro
    Ingénieur logiciel embarqué
    Inscrit en
    Juillet 2002
    Messages
    389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur logiciel embarqué
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Juillet 2002
    Messages : 389
    Points : 1 178
    Points
    1 178
    Par défaut
    basique, mais dans le temps imparti, chapeau ! un jeu complet, avec de des graphismes dignes de l'atari !

  8. #8
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut
    Merci, mais rien de bien compliqué ici

    j'ai passé plus de temps a faire les images qu'a coder au final

    par contre ça donne envie de developper le concept avec plus de profondeur (enigme, histoire ) et surtout game play

    pour ceux qui ont deja fait des escape game on a l'habitude de:

    - cadenas à code/ a clef
    - balance / instrument de mesure (a faire varier pour debloquer quelquechose)
    - trappe/piece du decor mobile
    - jeu de contexte (lumière bleu, miroir..)

    on s'amuse donc à trouver des clefs, codes, à essayer de tout toucher/bouger pour trouver des indices pour avancer

    Je vais voir pour faire un moteur de jeu de ce type et pouvoir simplement ajouter image de decor + zone d'interaction... (avec image associée ouvert/fermé...)
    je mettrais comme d'hab sur mon github

  9. #9
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut
    Bonjour,
    Une première mise à jour:

    - reorganisation du code (css/js)
    - suppression du "module" de popup
    - digicode rendu generique, vous permettant d'en mettre un peu partout
    - creation d'un moteur basé sur un fichier json

    Avec cette version vous pouvez facilement recréer un jeu à votre sauce avec votre scenario juste en modifiant le json (et le texte d'intro bien sur)

    je vais voir pour ajouter la notion de cadenas code, cadenas clef..

    https://github.com/imikado/miniEscapeGameHtml5Dvp2018
    http://dupot.org/dvp/miniEscapeGameHtml5Dvp2018/

  10. #10
    Expert éminent sénior
    Avatar de Paul TOTH
    Homme Profil pro
    Freelance
    Inscrit en
    Novembre 2002
    Messages
    8 964
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2002
    Messages : 8 964
    Points : 28 451
    Points
    28 451
    Par défaut
    sympa mais le clavier pour saisir le code déconne complètement sous Chrome, problème de padding/margin qui font passer les boutons à la ligne, tu peux corriger par exemple en ajoutant "margin: 0px 3px" sur "#mycode input"...mais je n'ai pas testé l'effet sur d'autres navigateurs

  11. #11
    Max
    Max est déconnecté
    Expert éminent sénior

    Avatar de Max
    Homme Profil pro
    Artisan développeur
    Inscrit en
    Mai 2007
    Messages
    2 954
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations professionnelles :
    Activité : Artisan développeur
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2007
    Messages : 2 954
    Points : 14 933
    Points
    14 933
    Par défaut
    Citation Envoyé par Paul TOTH Voir le message
    sympa mais le clavier pour saisir le code déconne complètement sous Chrome, problème de padding/margin qui font passer les boutons à la ligne, tu peux corriger par exemple en ajoutant "margin: 0px 3px" sur "#mycode input"...mais je n'ai pas testé l'effet sur d'autres navigateurs
    Idem sur Firefox 62


    Nom : firefox_2018-09-10_16-07-49.png
Affichages : 1643
Taille : 18,3 Ko

  12. #12
    Rédacteur
    Avatar de imikado
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2006
    Messages
    5 239
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2006
    Messages : 5 239
    Points : 19 100
    Points
    19 100
    Billets dans le blog
    17
    Par défaut
    merci, vais voir pour corriger rapidement

    pour info, on travaille avec un collegue sur un moteur plus large (avec gestion de d'inventaire, peut etre verbe action..)

    sur ce github: https://github.com/imikado/BeyondTheVeil

Discussions similaires

  1. [WE-JV7]Escape game procédural
    Par Guntha dans le forum Projets
    Réponses: 8
    Dernier message: 28/08/2017, 23h18
  2. Game Connection 2013 - Europe : Physique : un changement pour le HTML 5
    Par LittleWhite dans le forum Développement 2D, 3D et Jeux
    Réponses: 0
    Dernier message: 23/01/2014, 21h30
  3. [ZF 1.11] Escape et balises Html
    Par yamatoshi dans le forum Autres composants
    Réponses: 2
    Dernier message: 15/02/2013, 06h49

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