
Marcraft – Mini jeu en HTML
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 ).
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)
Soutenez moi en envoyant des Bitcoin !
Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Bitcoin 😃
Soutenez moi en envoyant des Ethereum !
Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Ethereum 😃
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 😃
Aucun commentaire