Retour à l'accueil
Accueil Aide Rechercher Calendrier Identifiez-vous Inscrivez-vous
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
21 Juillet 2018 à 21:13

Connexion avec identifiant, mot de passe et durée de la session
Règlement | Grades du forum | L'équipe de modération | Album photo | Chat
Rechercher:     avancée
Forums Zelda Solarus  |  Jeux amateurs  |  Projets avancés et terminés  |  Sujet: [JS] Build Your Way! 0 Membres et 1 Invité sur ce sujet.
Pages: [1] Imprimer
Auteur Sujet: [JS] Build Your Way!  (Lu 249 fois)
iArcadia
Sheikah
*
Hors ligne Hors ligne

Messages: 4 817



« le: 18 Avril 2017 à 22:18 »


Bonsoir à tous, je vous présente un mini-jeu que j'ai dû réaliser dans le cadre de ma licence professionnelle.
Il y a pas mal de bugs, principalement les collisions, mais le jeu est jouable et un minimum amusant. sourire
Ce dernier a été programmé en Javascript avec le framework EaselJS.



But du jeu :

Aucune utilité de faire compliqué : il suffit simplement de récupérer toutes les pièces d'un niveau en construisant des blocs - limités en nombre - pour passer au suivant.
Il y a en tout 4 niveaux, avec deux environnements différents.



Commandes :

Z, Q et D : Déplacement du personnage
Espace : Recommencer le niveau
Entrée : Passer au niveau suivant lorsqu'un niveau est terminé
Clic gauche de la souris : Placer un bloc à la position du curseur
Clic droit de la souris : Placer un bloc sous le héros



Editeur de niveaux :

C'est là que viens le point intéressant : j'ai accompagné le jeu d'un éditeur de niveaux, fait en HTML et JS/jQuery.
Graphiquement, il n'est pas au top, mais j'ose dire qu'il est assez intuitif. Vous choisissez le type de bloc à placer dans une liste déroulante, et vous le placez dans le tableau via un clic gauche. Le clic droit est un raccourci pour effacer les blocs (raccourci qui correspond à la "gomme" de la liste déroulante).

L'éditeur possède quelques types de blocs supplémentaires qui ne sont pas présents dans les niveaux intégrés au code source.
Pour finir sur l'éditeur, à chaque modification de votre niveau, un code JSON est mit à jour. Ce dernier peut-être partagé à d'autres pour qu'ils puissent essayer vos niveaux. (il y a cependant des problèmes avec l'ajout de blocs mouvants il me semble...).
Si vous voulez essayer le niveau d'autrui, il vous suffit de remplacer le code présent dans le champ dédié par le code qui vous a été octroyé, puis d'appuyer sur "Actualiser via le JSON".

Vous pouvez d'ailleurs essayer le code suivant, qui présente tous les éléments disponibles dans un seul et même niveau :
Code:
{"dataeditor":{"hero":{"x":8,"y":7},"blocks":[[],[],[2],[2,3],[0,1,2,3,4,5],[5,6,7,11,12,13,14,15,16,17,18,19,20],[],[1],[7,8,9],[9],[9,22],[9]],"invisibleBlocks":[[],[16],[16],[16],[16],[8,9,10],[],[],[],[],[],[0,1,2]],"movingBlocks":[[],[],[24],[],[],[],[],[],[],[],[],[]],"grass":[[],[],[],[],[],[],[],[],[],[],[],[]],"doorBlocks":[[],[],[[0,"left"],[1,"right"]],[],[],[],[],[],[],[],[],[]],"levers":[[],[26],[],[],[],[],[],[],[],[],[],[]],"bounces":[[],[],[],[],[15,17],[],[],[],[],[22],[0],[]],"coins":[[16],[],[],[1],[],[],[1],[],[],[],[1],[]],"playerBlocks":3}}



Screenshots :

Spoiler (déclic à montrer ou cacher)



Notes :

Alors oui, clairement, il y a encore une multitude de bugs, mais je n'ai pas vraiment eu le temps de m'y pencher avant la date limite de dépôt du projet. Sincèrement, je ne pense plus trop corriger cette version du jeu en Javascript, tout simplement car si je veux m'y repencher, je préfère refaire le moteur sous Game Maker - même si j'ai bien apprécié faire ce jeu en JS. sourire

Par contre, désolé pour les petits écrans, je vous ai complètement oublié : le canvas du jeu n'est pas du tout responsive... Honte à moi !

Sinon, il y a une pièce de cachée derrière le bouton retour dans le 3e niveau...

Jouer au jeu

Have fun!
Journalisée
Pages: [1] Imprimer 
Forums Zelda Solarus  |  Jeux amateurs  |  Projets avancés et terminés  |  Sujet: [JS] Build Your Way!
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.20 | SMF © 2006, Simple Machines XHTML 1.0 Transitionnel valide ! CSS valide !
Zelda Solarus 2009Skin par Eidarloy
www.zelda-solarus.com