0
LienMarcraft - Mini jeu en HTML.

Type : Code - Posté le
Marcraft - Mini jeu en HTML.

Salut à tous !

Aujourd'hui, je vais vous présenter un nouveau petit projet "code" que j'ai réalisé pour le plaisir !

Et oui, je ne me suis pas arrêté à créer un mini jeu en multi ( https://www.luluwebmaster.fr/creation-47/premiers-tests-de-minis-jeux-en-canvas-r-html.htm ), je reviens avec un nouveau projet, réalisé pour l'apprentissage et le fun !

L'idée, ce n'est absolument pas un jeu multi type Habbo, mais c'est plutôt un jeu solo, en 2D.
Une fois de plus, l'objectif en réalisant ce projet, c'était d'en apprendre un maximum sur les technologies utilisées.
Pour la réalisation du projet, je ne souhaitais pas utiliser Canvas, malgré qu'il aurait été plus optimisé.
Du coup, je l'ai réalisé en HTML / CSS / JavaScript / Jquery.
Toute la partie graphique ( Images ) n'est pas de moi, ce sont des images que j'ai prise sur internet.

Quand vous allez charger le jeu, vous allez tomber sur un bouton vous permettant de démarrer le jeu.



Là, il vous suffit juste de cliquer sur "démarrer"!
Vous devez avancer avec la flèche de droite de votre clavier, et sauter avec votre barre espace.
Vous ne pouvez pas revenir en arrière.
Votre but est de faire le plus de points en un minimum de temps !



Des statistiques sont à gauche de la page, je vais vous les détailler !



- Plates-formes : Affichent le nombre total de plates-formes que vous avez généré depuis que vous avez lancé la partie.
- Point : Le nombre de points que vous avez fait. ( Les points sont calculés de cette façon : Taille de plates-formes générées / 10 )
- Jumps : Le nombre de jumps que vous avez fait !
- Le temps de votre partie ( En secondes )

Et voilà pour les stats !

Attention quand même, si vous tombez dans le vide, vous mourrez, et vous devrez recommencer votre partie !



Voici le jeu en question :



Le code source est en plus disponible sur mon GitGub :

- https://github.com/luluwebmaster/Marcraft

Jouer au jeu sans avoir de problème avec la barre espace :

- https://u.luwe.fr/hpm8f

N'hésitez pas à faire vos tests avec :)

Et voilà, sur ce, j'en ai terminé pour cet article.

Je vous souhaite une bonne continuation !

Merci à Seartic pour la correction du texte.

Poster un commentaire


Commentaires
Par Eikona le 21/08/2016 à 18:01:24
Génial
#Lien
Réponse de "Luluwebmaster"
Merci à toi !
Répondre au commentaire