contact@luc-mergault.fr

Marcraft – Mini jeu en HTML

Je partage à travers ce blog mes projets et ma passion pour l'informatique en général.

Marcraft

Marcraft – Mini jeu en HTML

5
(2)

Marcraft est une petit jeu de speed-run développé en HTML et JavaScript dans le but d’en apprendre plus sur le fonctionnement de ce genre de projet.


Cet article est une archive du 29 Mai 2016 ( En savoir plus ).

Informations
Début de réalisation : 26 Avril 2016
Fin de réalisation : 10 Mai 2016

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 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 pris sur internet.

Les principes de Marcraft

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 : Affiche 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ée / 10 ).
  • Jumps : Le nombre de jumps que vous avez fait !
  • Temps : 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 !

Tester Marcraft

Le code source est en plus disponible sur mon GitGub :

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

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 !

  • Bitcoin
  • Ethereum
  • Binance coin
  • MetaMask (ETH)
Scan to Donate Bitcoin to bc1qrunuqqs7e8e5x7lctmgflvde8claupv44qa9fg

Soutenez moi en envoyant des Bitcoin !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Bitcoin 😃

Scan to Donate Ethereum to 0x81D56c63Df07ef938425e53185984DC5670E206C

Soutenez moi en envoyant des Ethereum !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Ethereum 😃

Scan to Donate Binance coin to bnb18dy3mv3f6y7h4uems5d8emn8g7zgfq7vlslkpk

Soutenez moi en envoyant des Binance coin !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Binance coin 😃

Donner avec MetaMask

Si vous utilisez Metamask, vous pouvez me soutenir très simplement en cliquant sur ce bouton !

Donnez une note à cet article 😉

Note moyenne 5 / 5. Nombre de vote : 2

Pas encore de note, soyez le premier à donner une note !

Merci ! Partage cet article !

Je suis désolé que cet article ne te plaise pas

Améliorons cet article !

Dis moi ce que je peux améliorer !

 

Aucun commentaire

Ajoutez votre commentaire